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

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

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

       文檔對象模型(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所示。

1605866336838_41.png

圖1 DOM樹

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

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

  元素(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中會(huì)把所有的節(jié)點(diǎn)都看作是對象,這些對象擁有自己的屬性和方法。

猜你喜歡:

JavaScript腳本文件引入方法講解

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

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

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