摘要：簡單來說，節點作為樹結構中的連接點，最終構成了完整的樹結構。節點樹結構通過節點概念，我們可以將原本的樹結構改成節點樹結構進行表示。節點之間的關系中的表示模型，也可以用來表示節點樹結構中節點之間的關系。值得注意的是和元素并不是兄弟關系。

DOM 之所以可以訪問和更新 HTML 頁面中的內容、結構和樣式，是因為 DOM 將 HTML 頁面解析為一個 樹結構。

例如下面這段代碼是一個簡單的 HTML 頁面源代碼:

    
    


這是一個示例頁面
這是一個段落內容.

將上面的 HTML 頁面繪制成 DOM 樹結構，如下效果:

通過上面的 DOM 樹結構，我們可以看到，Document 對象是作為 DOM 樹結構的入口。再根據 DOM 樹結構的特點，我們就可以定位到 HTML 頁面中任意一個元素、屬性或文本內容。

瀏覽器加載并運行 HTML 頁面時，會創建 DOM 樹結構這個模型。并且 DOM 樹結構模型會被存儲在瀏覽器的內存中。

當 HTML 頁面內容過于龐大和復雜時，生成的 DOM 樹結構就越復雜。進而，瀏覽器加載 HTML 頁面的耗時就越長。

節點（Node）原本是網絡術語，表示網絡中的連接點。一個網絡是由一些節點構成的集合。

在 DOM 樹結構中，節點也是很重要的一個概念。簡單來說，節點作為 DOM 樹結構中的連接點，最終構成了完整的 DOM 樹結構。

在 DOM 樹結構中，主要由以下 4 種節點組成:

除了上面 4 種常見的節點類型以外，DOM 樹結構中還具有很多節點類型。

還有一些節點類型，目前已被廢棄（不再使用）。

通過節點概念，我們可以將原本的 DOM 樹結構改成 DOM 節點樹結構進行表示。

在 DOM 的標準規范中，提供了 Node 對象。該對象主要依靠 DOM 節點樹結構中的常見 4 種節點類型，來訪問和更新 HTML 頁面中的內容。

關于 Node 對象，我們會在后面的章節中學習。

DOM 中的 M 表示 Model（模型），也可以用來表示 DOM 節點樹結構中節點之間的關系。

在 DOM 節點樹結構中，主要具有以下三層關系。

如果我們將 HTML 頁面中某一個元素作為父級的話，那包含在該元素內的第一層所有元素都可以稱為該元素的子級。

例如，我們來看一下下面這個 DOM 節點樹結構:

在上面的 DOM 節點樹結構中， 元素作為父級， 和 元素作為子級。

如果我們將 HTML 頁面中某一個元素作為祖先的話，那包含在該元素內的所有元素（除子級之外的）都可以稱為該元素的后代。

例如，我們來看一下下面這個 DOM 節點樹結構:

在上面的 DOM 節點樹結構中， 元素作為祖先，、