什么是DOM？DOM文檔樹(shù)模型的關(guān)鍵名詞解釋

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

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

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

　　圖1 DOM樹(shù)

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

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

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

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

dom節(jié)點(diǎn)的Attribute和Property有何區(qū)別?

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

傳智播客web前端培訓(xùn)課程