深入剖析DOM文檔對(duì)象模型
本文向大家描述一下DOM文檔對(duì)象模型，文檔對(duì)象模型(DocumentObjectModel)，通常簡稱為DOM，是網(wǎng)站內(nèi)容與JavaScript互通的接口。DOM接口用于存取、遍歷和控制HTML和XML文檔。
DOM文檔對(duì)象模型
文檔對(duì)象模型(DocumentObjectModel)，通常簡稱為DOM，是網(wǎng)站內(nèi)容與JavaScript互通的接口。自JavaScript成為最常用的語言時(shí)JavaScript和DOM文檔對(duì)象模型通常被視為獨(dú)立的實(shí)體。DOM接口用于存取、遍歷和控制HTML和XML文檔。
下面是關(guān)于DOM文檔對(duì)象模型的一些重要的知識(shí):
◆window對(duì)象作為全局對(duì)象，你僅需嘗試使用”window”來訪問它。Window對(duì)象下包含了你的所有要執(zhí)行的JavaScript代碼。就像所有對(duì)象都包含屬性和方法。
屬性是存儲(chǔ)于對(duì)象下的變量。所有在網(wǎng)頁中創(chuàng)建的變量都會(huì)成為window對(duì)象的屬性。
方法是存儲(chǔ)在對(duì)象下的函數(shù)。在所有函數(shù)存儲(chǔ)在window對(duì)象下時(shí)，你可以使用’methods’引用它們。
◆DOM文檔對(duì)象模型相對(duì)于Web文檔結(jié)構(gòu)創(chuàng)建層次結(jié)構(gòu)，層次有節(jié)點(diǎn)組成。DOM節(jié)點(diǎn)有很多不同的類型，其中最重要的要數(shù)’Element’、’Text’和’Document’了.
‘Element’節(jié)點(diǎn)表示在頁面中的元素，所以如果在頁面中你有一個(gè)段落元素(‘<p>’)，那么你可以通過DOM的節(jié)點(diǎn)來訪問它。
‘Text’節(jié)點(diǎn)表示在頁面中的所有文本(在元素中)，所以如果在頁面的段落中有一些文本內(nèi)容，那么你可以通過DOM的節(jié)點(diǎn)來訪問它。
‘Document’節(jié)點(diǎn)表示整個(gè)文檔。(它是DOM樹的根節(jié)點(diǎn))
另請(qǐng)注意，元素屬性是DOM節(jié)點(diǎn)本身。
◆不同的布局引擎對(duì)于DOM文檔對(duì)象模型標(biāo)準(zhǔn)的執(zhí)行是有一定的差別的。例如，使用Gecko布局引擎的FireFox瀏覽器可以很好的執(zhí)行(但也并不是完完全全按照W3C規(guī)范那樣)，但使用Trident引擎的IE因它的很多Bug和不完全執(zhí)行DOM文檔對(duì)象模型標(biāo)準(zhǔn)而為眾人所知。這便是前端開發(fā)領(lǐng)域的一大痛苦之處。
【編輯推薦】
