什么是DOM(Document Object Model)文檔對(duì)象模型
2024-05-06 14:22:20
供稿：網(wǎng)友
D:document 文檔 瀏覽器加載的頁(yè)面
DOM O:object 對(duì)象 頁(yè)面及頁(yè)面中的任何元素都是對(duì)象
M:module 模型 頁(yè)面中的元素的組織形式
DOM被W3C組織設(shè)計(jì)為一種平臺(tái)無(wú)關(guān)、語(yǔ)言無(wú)關(guān)的API，程序或腳本通過(guò)其動(dòng)態(tài)訪問(wèn)、修改文檔的內(nèi)容、樣式、結(jié)構(gòu)。
DOM是web 瀏覽器的運(yùn)行規(guī)范，javascript借助DOM成就了其web標(biāo)準(zhǔn)語(yǔ)言的地位，在web領(lǐng)域?qū)崿F(xiàn)了所謂“一次編寫到處運(yùn)行”的目標(biāo)。
文檔對(duì)象模型（Document Object Model，DOM）是一種用于HTML和XML文檔的編程接口。它給文檔提供了一種結(jié)構(gòu)化的表示方法，可以改變文檔的內(nèi)容和呈現(xiàn)方式。我們最為關(guān)心的是，DOM把網(wǎng)頁(yè)和腳本以及其他的編程語(yǔ)言聯(lián)系了起來(lái)。
腳本開發(fā)人員可以通過(guò)文檔對(duì)象的屬性、方法和事件來(lái)掌控、操縱和創(chuàng)建動(dòng)態(tài)的網(wǎng)頁(yè)元素。每一個(gè)網(wǎng)頁(yè)元素（一個(gè)HTML標(biāo)簽）都對(duì)應(yīng)著一個(gè)對(duì)象（object，所謂“對(duì)象”，用白話說(shuō)就是“東西”。object這個(gè)詞在臺(tái)灣通常翻譯成“物件”）。網(wǎng)頁(yè)上的標(biāo)簽是一層層嵌套的，最外面的一層是<HTML>，文檔對(duì)象模型也這樣一層層嵌套著，但是通常被理解成一棵樹的形狀。樹根是window或document對(duì)象，相當(dāng)于最外層的標(biāo)簽的外圍，也就是整個(gè)文檔。樹根之下（這棵樹的圖通常是倒著畫，就好像遺傳譜系或者家譜那樣。樹根就是唯一的共同祖先）是子一級(jí)的對(duì)象，子對(duì)象也有它自己的子對(duì)象，除了根對(duì)象以外，所有的對(duì)象都有自己的父對(duì)象，同一對(duì)象的子對(duì)象之間就是兄弟的關(guān)系。
在這種由“父子兄弟”組成的“單性繁殖家族圖譜樹”框架結(jié)構(gòu)中，每個(gè)網(wǎng)頁(yè)元素都可以被確切地定位。文檔對(duì)象模型把整張網(wǎng)頁(yè)組織成這樣的一個(gè)樹狀的結(jié)構(gòu)，樹結(jié)構(gòu)中的每一個(gè)元素都被視為一個(gè)節(jié)點(diǎn)（node）。包括JavaScript在內(nèi)的各種編程語(yǔ)言都可以通過(guò)文檔對(duì)象模型來(lái)訪問(wèn)和改變網(wǎng)頁(yè)的各種細(xì)節(jié)。
萬(wàn)維網(wǎng)協(xié)會(huì)（World Wide Web Consortium，W3C）已經(jīng)給文檔對(duì)象模型制定了一系列標(biāo)準(zhǔn)，并且正在制定更多的相關(guān)標(biāo)準(zhǔn)。當(dāng)代的瀏覽器除支持其中的一部分標(biāo)準(zhǔn)之外，還支持某些早在W3C標(biāo)準(zhǔn)制定以前就流行了的歷史既成的編程接口。也就是說(shuō)現(xiàn)在瀏覽器使用的技術(shù)歷史由來(lái)紛繁復(fù)雜，有些人們普遍使用的DOM技術(shù)并無(wú)標(biāo)準(zhǔn)可依。
我們將深入所有通用DOM的細(xì)節(jié)（包括IE瀏覽器中“與眾不同”的某些技術(shù)），以全面掌握面向?qū)嵺`的技術(shù)。
DOM和JavaScript
我經(jīng)常在QQ、MSN和email中被大家問(wèn)到的“有關(guān)JavaScript”的問(wèn)題，95%其實(shí)是DOM的問(wèn)題。人們?cè)诹?xí)慣上不愛說(shuō)DOM，要么就說(shuō)JavaScript，要么就扯到“Ajax”（一度火爆的“概念”，最近剛剛有所降溫，一如上世紀(jì)末的“DHTML”那樣。對(duì)于這些熱點(diǎn)詞匯的產(chǎn)生，我個(gè)人感到非常欣慰，因?yàn)槊恳淮味紟?lái)人們對(duì)JavaScript技術(shù)的熱捧。下一個(gè)熱點(diǎn)詞匯是什么？也許我們可以炮制一個(gè)也說(shuō)不定……Pseudo-Mashup，如何？）。
