更新時間: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è)置等操作。在實際開發(fā)中,諸如改變盒子的大小、標(biāo)簽欄的切換、購物車功能等帶有交互效果的頁面,都離不開DOM。
DOM中將HTML文檔視為樹結(jié)構(gòu),被稱之為文檔樹模型,把文檔映射成樹形結(jié)構(gòu),通過節(jié)點對象對其處理,處理的結(jié)果可以加入到當(dāng)前的頁面。樹形結(jié)構(gòu)如圖1所示。
圖1 DOM樹
圖1展示了DOM樹中各節(jié)點之間的關(guān)系后,接下來我們針對DOM中的專有名詞進(jìn)行解釋,具體如下。
文檔(document):一個頁面就是一個文檔。
元素(element):頁面中的所有標(biāo)簽都是元素。
節(jié)點(node):網(wǎng)頁中的所有內(nèi)容,在文檔樹中都是節(jié)點(如:元素節(jié)點、屬性節(jié)點、文本節(jié)點、注釋節(jié)點等)。在DOM中會把所有的節(jié)點都看作是對象,這些對象擁有自己的屬性和方法。
猜你喜歡: