首頁(yè)技術(shù)文章正文

什么是DOM?DOM樹關(guān)鍵名詞解釋

更新時(shí)間:2020-11-20 來(lái)源:黑馬程序員 瀏覽量:

       文檔對(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í)際開發(fā)中,諸如改變盒子的大小、標(biāo)簽欄的切換、購(gòu)物車功能等帶有交互效果的頁(yè)面,都離不開DOM。

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

1605866336838_41.png

圖1 DOM樹

  圖1展示了DOM樹中各節(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)容,在文檔樹中都是節(jié)點(diǎn)(如:元素節(jié)點(diǎn)、屬性節(jié)點(diǎn)、文本節(jié)點(diǎn)、注釋節(jié)點(diǎn)等)。在DOM中會(huì)把所有的節(jié)點(diǎn)都看作是對(duì)象,這些對(duì)象擁有自己的屬性和方法。

猜你喜歡:

JavaScript腳本文件引入方法講解

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

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

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!