DOM：文件物件模型（Document Object Model）
節點
節點的型別有7種：
Document：整個文件數的頂層節點DocementType：doctype標籤（比如<!DOCTYPE html>）Element網頁的個助攻 HTML 標籤Attribute：網頁元素的屬性（比如class="right"）Text：標籤之間的或標籤包含的文字Comment：註釋DocumentFragment：文件片段
節點樹
一個文件的所有節點，按照所在的層級，可以抽象成一種樹狀結構。這種樹狀結構就是 DOM 樹。它有一個頂層節點，下一層都是頂層節點的子節點，然後子節點又有自己的子節點，就這樣層層衍生出一個金字塔結構，倒過來就像一棵樹。
瀏覽器原生提供document節點，代表整個文件。
除了根節點，其他節點都有三種層級關係。
-
父節點關係（parentNode）：直接的那個上級節點
-
子節點關係（childNodes）：直接的下級節點
-
同級節點關係（sibling）：擁有同一個父節點的節點
DOM 提供操作介面，用來獲取這三種關係的節點。比如，子節點介面包括firstChild（第一個子節點）和lastChild（最後一個子節點）等屬性，同級節點介面包括nextSibling（緊鄰在後的那個同級節點）和previousSibling（緊鄰在前的那個同級節點）屬性。