HTML DOM

什麼是DOM？

通過 JavaScript，您可以重構整個HTML文檔。您可以添加、移除、改變或重排頁面上的項目。要改變頁面的某個東西，JavaScript就需要對HTML文檔中所有元素進行通路的入口。這個入口，連同對HTML 元素進行添加、移動、改變或移除的方法和屬性，都是通過文檔對象模型來獲得的（DOM）。在 1998 年，W3C 釋出了第一級的 DOM 規範。這個規範允許通路和操作 HTML 頁面中的每一個單獨的元素。所有的浏覽器都執行了這個标準，是以，DOM 的相容性問題也幾乎難覓蹤影了。DOM 可被 JavaScript 用來讀取、改變 HTML、XHTML 以及 XML 文檔。

DOM 被分為不同的部分（核心、XML及HTML）和級别（DOM Level 1/2/3）：

Core DOM 
          定義了一套标準的針對任何結構化文檔的對象 
   XML DOM 
          定義了一套标準的針對 XML 文檔的對象 
   HTML DOM 
          定義了一套标準的針對 HTML 文檔的對象。 
           

節點

根據 DOM，HTML 文檔中的每個成分都是一個節點。

DOM 是這樣規定的：

整個文檔是一個文檔節點

每個 HTML 标簽是一個元素節點

包含在 HTML 元素中的文本是文本節點

每一個 HTML 屬性是一個屬性節點

注釋屬于注釋節點

Node 層次

節點彼此都有等級關系。HTML 文檔中的所有節點組成了一個文檔樹（或節點樹）。HTML 文檔中的每個元素、屬性、文本等都代表着樹中的一個節點。樹起始于文檔節點，并由此繼續伸出枝條，直到處于這棵樹最低級别的所有文本節點為止。

下面這個圖檔表示一個文檔樹（節點樹）：