dom（文檔對象模型）是JavaScript的一個組成部分，它為JavaScript提供處理網(wǎng)頁內容的方法和接口；JavaScript對網(wǎng)頁進行的所有操作都是通過DOM進行的。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

完整的 JavaScript 是由以下三個部分組成：

• 核心（ECMAScript）：提供語言的語法和基本對象；

• 文檔對象模型（DOM）：提供處理網(wǎng)頁內容的方法和接口；

• 瀏覽器對象模型（BOM）：提供與瀏覽器進行交互的方法和接口。

文檔對象模型（DOM）：

DOM（文檔對象模型）是 HTML 和 XML 的應用程序接口（API）。DOM 將把整個頁面規(guī)劃成由節(jié)點層級構成的文檔。HTML 或 XML 頁面的每個部分都是一個節(jié)點的衍生物。

DOM 通過創(chuàng)建樹來表示文檔，從而使開發(fā)者對文檔的內容和結構具有空前的控制力。用 DOM API 可以輕松地刪除、添加和替換節(jié)點（getElementById、childNodes、appendChild、 innerHTML）。

DOM和JavaScript的關系

我們都知道JavaScript是一種編程語言，而.js文件是用JavaScript編寫的代碼，那么DOM在其中擔任什么樣的角色呢？

DOM不是一種編程語言，但如果沒有DOM，JavaScript語言不會有任何網(wǎng)頁操作。我們用JavaScript對網(wǎng)頁進行的所有操作都是通過DOM進行的。

下面用一段代碼更直觀地顯示JavaScript和DOM的區(qū)別，代碼中被標為紅色的部分就是DOM：

var Tags = document.getElementsByTagName("a");
for(var i = 0; i < Tags.length; i++)
{
alert("Href of this a element is :" + Tags[i].href + "n");
}

這樣一來，哪些是核心JavaScript，哪些是DOM，各自起什么作用就可以一目了然。（此處不在對代碼進行解釋）。

因此有這樣一個近似的等式：

web或XML頁面 = DOM +JS(腳本語言)

【推薦學習：javascript高級教程】