DOM
對於DOM，我們首先要知道這到底是一個什麼東西，他是專門操作HTML內容的API。而DOM分爲兩種，一種是核心DOM，一種是HTMLDOM。核心DOM是能夠操作所有的結構化文檔，他是一個萬能的，但是他比較複雜，比較繁瑣。而HTML DOM是專門操作HTML內容的API，對常用的API進行簡化，這個呢就比較簡單，但是呢這個不是萬能的。所以在實際開發中，我們：先用簡單，如果簡單的不能解決問題、實現不了在用核心DOM補充。網頁中一切在內存中都是以樹形結構存儲的 存儲上下級包含關係最直觀的結構。HTML中的每一個元素，屬性，文本 都是一個節點對象（Node），document對象是整棵樹的根節點。關於節點對象Node有三大屬性：一：nodeType number，專門區分節點的類型：1 element；2 attribute；3 text；9 document。在需要區分節點類型的時候使用。二：.nodeName（節點名， 字符串）比如：document #document；element 全大寫的標籤名；attribute 屬性名；文本節點 #text。這個在進一步區分元素的名稱時使用。三：nodeValue（節點值）：document null；element null；attribute 屬性值；text 文本的內容。關於DOM的操作，就是對DON樹的內容做 增 刪 改 查。
遞歸遍歷DOM
1.三個元素不需要找，直接獲得： document.documentElement； document.head； document.body 。
2.節點之間的關係：
1）父子關係：node.parentNode 獲得node的父節點；node.childNodes 獲得node的所有子節點；node.firstChild 獲得node下的第一個子節；node.lastChild 後的node下最後一個子節點。elem.parentElement 返回一個父元素對象；elem.childen IE8支持 返回子元素對象集合；elem.firstElementChild 返回第一個子元素對象；elem.lastElementChild 返回最後一個子元素
2）兄弟關係：
node.preivousSibling: 返回當前節點的前一個兄弟節點；node.nextSibling:返回當前節點的下一個兄弟節點；elem.preivousElementSibling，返回當前節點的前一個兄弟元素；elem.nextElementSibling；返回當前節點的下一個兄弟元素