DOM 属性和方法

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事件的兼容问题