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

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

完整的 JavaScript 是由以下三個(gè)部分組成：

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

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

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

文檔對(duì)象模型（DOM）：

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

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

DOM和JavaScript的關(guān)系

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

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

下面用一段代碼更直觀地顯示JavaScript和DOM的區(qū)別，代碼中被標(biāo)為紅色的部分就是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，各自起什么作用就可以一目了然。（此處不在對(duì)代碼進(jìn)行解釋）。

因此有這樣一個(gè)近似的等式：

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

【推薦學(xué)習(xí)：javascript高級(jí)教程】