這篇文章主要介紹了DOM文檔對象模型的知識點(diǎn)有哪些的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇DOM文檔對象模型的知識點(diǎn)有哪些文章都會有所收獲，下面我們一起來看看吧。

成都創(chuàng)新互聯(lián)公司2013年開創(chuàng)至今，先為梅河口等服務(wù)建站，梅河口等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為梅河口企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

• D:document 文檔 瀏覽器加載的頁面

• O:object 對象 頁面及頁面中的任何元素都是對象

• M:module 模型 頁面中的元素的組織形式

DOM被W3C組織設(shè)計(jì)為一種平臺無關(guān)、語言無關(guān)的API，程序或腳本通過其動態(tài)訪問、修改文檔的內(nèi)容、樣式、結(jié)構(gòu)。

DOM是web 瀏覽器的運(yùn)行規(guī)范，javascript借助DOM成就了其web標(biāo)準(zhǔn)語言的地位，在web領(lǐng)域?qū)崿F(xiàn)了所謂“一次編寫到處運(yùn)行”的目標(biāo)。

文檔對象模型（Document Object Model，DOM）是一種用于HTML和XML文檔的編程接口。它給文檔提供了一種結(jié)構(gòu)化的表示方法，可以改變文檔的內(nèi)容和呈現(xiàn)方式。我們最為關(guān)心的是，DOM把網(wǎng)頁和腳本以及其他的編程語言聯(lián)系了起來。

腳本開發(fā)人員可以通過文檔對象的屬性、方法和事件來掌控、操縱和創(chuàng)建動態(tài)的網(wǎng)頁元素。每一個網(wǎng)頁元素（一個HTML標(biāo)簽）都對應(yīng)著一個對象（object，所謂“對象”，用白話說就是“東西”。object這個詞在臺灣通常翻譯成“物件”）。網(wǎng)頁上的標(biāo)簽是一層層嵌套的，最外面的一層是，文檔對象模型也這樣一層層嵌套著，但是通常被理解成一棵樹的形狀。樹根是window或document對象，相當(dāng)于最外層的標(biāo)簽的外圍，也就是整個文檔。樹根之下（這棵樹的圖通常是倒著畫，就好像遺傳譜系或者家譜那樣。樹根就是唯一的共同祖先）是子一級的對象，子對象也有它自己的子對象，除了根對象以外，所有的對象都有自己的父對象，同一對象的子對象之間就是兄弟的關(guān)系。

在這種由“父子兄弟”組成的“單性繁殖家族圖譜樹”框架結(jié)構(gòu)中，每個網(wǎng)頁元素都可以被確切地定位。文檔對象模型把整張網(wǎng)頁組織成這樣的一個樹狀的結(jié)構(gòu)，樹結(jié)構(gòu)中的每一個元素都被視為一個節(jié)點(diǎn)（node）。包括JavaScript在內(nèi)的各種編程語言都可以通過文檔對象模型來訪問和改變網(wǎng)頁的各種細(xì)節(jié)。

萬維網(wǎng)協(xié)會（World Wide Web Consortium，W3C）已經(jīng)給文檔對象模型制定了一系列標(biāo)準(zhǔn)，并且正在制定更多的相關(guān)標(biāo)準(zhǔn)。當(dāng)代的瀏覽器除支持其中的一部分標(biāo)準(zhǔn)之外，還支持某些早在W3C標(biāo)準(zhǔn)制定以前就流行了的歷史既成的編程接口。也就是說現(xiàn)在瀏覽器使用的技術(shù)歷史由來紛繁復(fù)雜，有些人們普遍使用的DOM技術(shù)并無標(biāo)準(zhǔn)可依。

我們將深入所有通用DOM的細(xì)節(jié)（包括IE瀏覽器中“與眾不同”的某些技術(shù)），以全面掌握面向?qū)嵺`的技術(shù)。

DOM和JavaScript

人們在習(xí)慣上不愛說DOM，要么就說JavaScript，要么就扯到“Ajax”（一度火爆的“概念”，最近剛剛有所降溫，一如上世紀(jì)末的“DHTML”那樣。對于這些熱點(diǎn)詞匯的產(chǎn)生，我個人感到非常欣慰，因?yàn)槊恳淮味紟砣藗儗avaScript技術(shù)的熱捧。下一個熱點(diǎn)詞匯是什么？也許我們可以炮制一個也說不定……Pseudo-Mashup，如何？）。

我們用JavaScript對網(wǎng)頁進(jìn)行的所有操作都是通過DOM進(jìn)行的。DOM屬于瀏覽器，而不是JavaScript語言規(guī)范里的規(guī)定的核心內(nèi)容，所以如果你下載一個JavaScript語言的參考幫助文檔來查的話，就連婦孺皆知的document.write方法也找不到。

主要的接口有：

Node接口：它是文檔中節(jié)點(diǎn)的基類型。定義了基本的訪問和改變文檔結(jié)構(gòu)的方法。

Document接口：它代表整個文檔。可創(chuàng)建文檔中的各種節(jié)點(diǎn)(元素、注釋、處理指令等)，創(chuàng)建的節(jié)點(diǎn)中帶有一個OwnerDoculnent屬性表示創(chuàng)建它們的Document對象。

DocumentFragment接口：它代表文檔樹的子樹，相當(dāng)一個小型文檔。

Attr接口：它代表元素節(jié)點(diǎn)的屬性。有意思的是它并不認(rèn)為是該元素節(jié)點(diǎn)的子節(jié)點(diǎn)，不構(gòu)成DOM樹的一部分。同時(shí)也不是DocumentFragment節(jié)點(diǎn)的直接子節(jié)點(diǎn)。

CharacterData接口：它維護(hù)了DOMsitrgn字符串并提供讀寫操作的接口。但不直接對應(yīng)文檔的某種類型節(jié)點(diǎn)。

Text接口：它從CharacterData繼承而來。代表元素或?qū)傩缘囊欢芜B續(xù)的文本內(nèi)容。它有一個派生的接口CDATAsection，目的是：CDATASeciton節(jié)點(diǎn)的內(nèi)容將不會作任何轉(zhuǎn)化;使用Node中的nomraliez方法時(shí)相鄰的Text節(jié)點(diǎn)會合并成一個節(jié)點(diǎn)，但使用CDATASeciton可避免合并。

Comment接口：它也從CharacterData繼承而來。代表注釋中的文本內(nèi)容。

NodeList接口：用于管理有序的節(jié)點(diǎn)集。

Entity接口：它代表實(shí)體;EntityReference代表實(shí)體的引用。

NamedNodeMap接口：用于管理無序的節(jié)點(diǎn)集。

DOMImplementation接口：它提供與DOM模型的實(shí)例無關(guān)的接口。CreateDocument可創(chuàng)建一個Document對象;haseFature可判斷DOM實(shí)現(xiàn)是否支持某一模塊。

Notation接口：它代表文檔中的符號定義。

ProcessingInstruction接口：它代表處理指令。

DOMException接口：異常處理。由于程序中的邏輯錯誤、數(shù)據(jù)丟失或DOM實(shí)現(xiàn)本身不穩(wěn)定引起的錯誤。在程序處理過程中，由方法返回一個錯誤值。接口之間的繼承關(guān)系可參看圖。

關(guān)于“DOM文檔對象模型的知識點(diǎn)有哪些”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“DOM文檔對象模型的知識點(diǎn)有哪些”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。