1. DOM （文档对象模型）
2. 获取元素中的方法
document.getElementById()
context.getElementsByTagName() // 根据 tag 获取子类及后代所有的元素
context.getElementsByClassName() // 所有指定的类名的元素，IE6 ~ 8 不兼容
document.getElementsByName() // 对象只能是 document，IE 中只对表单元素的 name 起作用
document.body
document.documentElement
context.querySelector
context.querySelectorAll // 静态节点集合，不存在 DOM 映射
3. 节点和节点之间的关系
childNodes // 标准浏览器中会把空格和换行当做文本节点
children // IE 6 ~ 8 与其他浏览器结果不一
parentNode // 父节点
previousSibling // 上一个兄弟节点
previousElementSibling // 上一个兄弟元素节点
nextSibling / nextElementSibling
lastChild / lastElementChlid
firstChild / firstElementChild
4. 动态 DOM 方法
createElement
document.createDocumentFragment()
appendChild
insertBefore
cloneNode(true) // 当前及子内容
cloneNode(false) // 只克隆当前
replaceChild
removeChild
get / set / removeAttribute
5. DOM 盒子模型
6. 兼容的 DOM 方法
7. DOM事件的兼容问题
