1. DOM （文檔對象模型）
2. 獲取元素中的方法

document.getElementById()
context.getElementsByTagName()    // 根據(jù) tag 獲取子類及后代所有的元素
context.getElementsByClassName()  // 所有指定的類名的元素，IE6 ~ 8 不兼容
document.getElementsByName() // 對象只能是 document，IE 中只對表單元素的 name 起作用
document.body
document.documentElement
context.querySelector
context.querySelectorAll  // 靜態(tài)節(jié)點集合，不存在 DOM 映射

3. 節(jié)點和節(jié)點之間的關(guān)系

childNodes  // 標(biāo)準(zhǔn)瀏覽器中會把空格和換行當(dāng)做文本節(jié)點
children   // IE 6 ~ 8 與其他瀏覽器結(jié)果不一
parentNode  // 父節(jié)點
previousSibling  // 上一個兄弟節(jié)點
previousElementSibling  // 上一個兄弟元素節(jié)點
nextSibling / nextElementSibling
lastChild / lastElementChlid
firstChild / firstElementChild  

4. 動態(tài) DOM 方法

createElement
document.createDocumentFragment()
appendChild
insertBefore
cloneNode(true) // 當(dāng)前及子內(nèi)容
cloneNode(false) // 只克隆當(dāng)前
replaceChild
removeChild
get / set / removeAttribute

5. DOM 盒子模型
6. 兼容的 DOM 方法
7. DOM事件的兼容問題