文檔對象模型(Document Object Model，DOM)，是W3C組織推薦的處理可擴(kuò)展標(biāo)記語言(HTML或者XML)的標(biāo)準(zhǔn)編程接口。

　　W3C定義了一系列的DOM接口，利用DOM可完成對HTML文檔內(nèi)所有元素的獲取、訪問、標(biāo)簽屬性和樣式的設(shè)置等操作。在實(shí)際開發(fā)中，諸如改變盒子的大小、標(biāo)簽欄的切換、購物車功能等帶有交互效果的頁面，都離不開DOM。

　　DOM中將HTML文檔視為樹結(jié)構(gòu)，被稱之為文檔樹模型，把文檔映射成樹形結(jié)構(gòu)，通過節(jié)點(diǎn)對象對其處理，處理的結(jié)果可以加入到當(dāng)前的頁面。樹形結(jié)構(gòu)如圖1所示。

圖1 DOM樹

　　圖1展示了DOM樹中各節(jié)點(diǎn)之間的關(guān)系后，接下來我們針對DOM中的專有名詞進(jìn)行解釋，具體如下。

　　文檔(document)：一個頁面就是一個文檔。

　　元素(element)：頁面中的所有標(biāo)簽都是元素。

　　節(jié)點(diǎn)(node)：網(wǎng)頁中的所有內(nèi)容，在文檔樹中都是節(jié)點(diǎn)(如：元素節(jié)點(diǎn)、屬性節(jié)點(diǎn)、文本節(jié)點(diǎn)、注釋節(jié)點(diǎn)等)。在DOM中會把所有的節(jié)點(diǎn)都看作是對象，這些對象擁有自己的屬性和方法。

猜你喜歡：

JavaScript腳本文件引入方法講解

rem是什么？和em單位有什么區(qū)別

黑馬程序員web前端培訓(xùn)課程