本文向大家描述一下DOM文檔對象模型，文檔對象模型(DocumentObjectModel)，通常簡稱為DOM，是網(wǎng)站內(nèi)容與JavaScript互通的接口。DOM接口用于存取、遍歷和控制HTML和XML文檔。

DOM文檔對象模型　　　

文檔對象模型(DocumentObjectModel)，通常簡稱為DOM，是網(wǎng)站內(nèi)容與JavaScript互通的接口。自JavaScript成為最常用的語言時JavaScript和DOM文檔對象模型通常被視為獨(dú)立的實(shí)體。DOM接口用于存取、遍歷和控制HTML和XML文檔。

下面是關(guān)于DOM文檔對象模型的一些重要的知識:

◆window對象作為全局對象，你僅需嘗試使用”window”來訪問它。Window對象下包含了你的所有要執(zhí)行的JavaScript代碼。就像所有對象都包含屬性和方法。

屬性是存儲于對象下的變量。所有在網(wǎng)頁中創(chuàng)建的變量都會成為window對象的屬性。

方法是存儲在對象下的函數(shù)。在所有函數(shù)存儲在window對象下時，你可以使用’methods’引用它們。

◆DOM文檔對象模型相對于Web文檔結(jié)構(gòu)創(chuàng)建層次結(jié)構(gòu)，層次有節(jié)點(diǎn)組成。DOM節(jié)點(diǎn)有很多不同的類型，其中最重要的要數(shù)’Element’、’Text’和’Document’了.

‘Element’節(jié)點(diǎn)表示在頁面中的元素，所以如果在頁面中你有一個段落元素(‘<p>’)，那么你可以通過DOM的節(jié)點(diǎn)來訪問它。
‘Text’節(jié)點(diǎn)表示在頁面中的所有文本(在元素中)，所以如果在頁面的段落中有一些文本內(nèi)容，那么你可以通過DOM的節(jié)點(diǎn)來訪問它。
‘Document’節(jié)點(diǎn)表示整個文檔。(它是DOM樹的根節(jié)點(diǎn))

另請注意，元素屬性是DOM節(jié)點(diǎn)本身。

◆不同的布局引擎對于DOM文檔對象模型標(biāo)準(zhǔn)的執(zhí)行是有一定的差別的。例如，使用Gecko布局引擎的FireFox瀏覽器可以很好的執(zhí)行(但也并不是完完全全按照W3C規(guī)范那樣)，但使用Trident引擎的IE因它的很多Bug和不完全執(zhí)行DOM文檔對象模型標(biāo)準(zhǔn)而為眾人所知。這便是前端開發(fā)領(lǐng)域的一大痛苦之處。

【編輯推薦】

1. 詳解XML DOM文檔對象模型用法
2. 探究DOM文檔對象模型用法
3. JavaScript獲取HTML DOM節(jié)點(diǎn)元素詳解
4. 深入了解JavaScript HTML DOM對象
5. 解析HTML DOM Checkbox對象的屬性和方法