html中的DOM模型是什么？針對這個問題，今天小編總結(jié)這篇有關(guān)DOM模型的文章，可供感興趣的小伙伴們參考借鑒，希望對大家有所幫助。

杜集網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)公司2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

一　　 DOM是什么

DOM是HTML和XML文檔的編程接口。它不同于把html源碼在瀏覽器窗口當(dāng)做頁面或使用文本編輯器當(dāng)做純文本展示，它是對文檔的另一種結(jié)構(gòu)化的表述。DOM把文檔的所有節(jié)點(diǎn)都解析為一個對象，并提供了一些屬性和方法來描述它們。

DOM是W3C的標(biāo)準(zhǔn)。它被分為3個部分：

核心DOM：針對任何結(jié)構(gòu)化文檔的標(biāo)準(zhǔn)模型
XML DOM：針對XML文檔的標(biāo)準(zhǔn)模型
HTML DOM：針對HTML文檔的標(biāo)準(zhǔn)模型

DOM不是一種編程語言，它是一種標(biāo)準(zhǔn)，一個模型，它與編程語言相對獨(dú)立。編程語言都可以按照這種模型實(shí)現(xiàn)對文檔的訪問和處理。

注：因?yàn)槲覀冎饕菍W(xué)習(xí)WEB編程，所以接下來文章中即將提到的DOM均指HTML DOM，使用到的DOM API也均是JavaScript腳本語言實(shí)現(xiàn)。

二    DOM的訪問

我們知道，各個瀏覽器對JavaScript都有不同的實(shí)現(xiàn)，所以它們在實(shí)現(xiàn)DOM標(biāo)準(zhǔn)時(shí)，也會有一些差異，但它們既然都遵循了該標(biāo)準(zhǔn)，所以又呈現(xiàn)出了不同程度一致性。所以我們在使用DOM時(shí)，并不需要做任何特別的操作，如果碰到有差異的地方（主要體現(xiàn)在方法名稱和參數(shù)上），只需根據(jù)不同瀏覽器使用他們各自實(shí)現(xiàn)的相關(guān)方法即可。實(shí)際上他們的實(shí)現(xiàn)都遵循了統(tǒng)一標(biāo)準(zhǔn)。

DOM把文檔視做樹結(jié)構(gòu)：

整個文檔是一個文檔節(jié)點(diǎn)

每個 HTML 標(biāo)簽是一個元素節(jié)點(diǎn)

包含在 HTML 元素中的文本是文本節(jié)點(diǎn)

每一個 HTML 屬性是一個屬性節(jié)點(diǎn)

注釋屬于注釋節(jié)點(diǎn)

通過這個節(jié)點(diǎn)樹，JavaScript可以輕松的訪問并操作這些節(jié)點(diǎn)。

三    DOM節(jié)點(diǎn)類型

每個節(jié)點(diǎn)對象有都有一個nodeType，nodeName和nodeValue屬性，通過這幾個屬性的值，我們可以獲取該節(jié)點(diǎn)的相關(guān)信息：

| 節(jié)點(diǎn)類型 | nodeName 返回 | nodeValue 返回 |
| 1 | Element | 元素名 | null |
| 2 | Attr | 屬性名稱 | 屬性值 |
| 3 | Text | #text | 節(jié)點(diǎn)的內(nèi)容 |
| 4 | CDATASection | #cdata-section | 節(jié)點(diǎn)的內(nèi)容 |
| 5 | EntityReference | 實(shí)體引用名稱 | null |
| 6 | Entity | 實(shí)體名稱 | null |
| 7 | ProcessingInstruction | target | 節(jié)點(diǎn)的內(nèi)容 |
| 8 | Comment | #comment | 注釋文本 |
| 9 | Document | #document | null |
| 10 | DocumentType | 文檔類型名稱 | null |
| 11 | DocumentFragment | #document 片段 | null |
| 12 | Notation | 符號名稱 | null |

四 　　DOM分級

一級DOM

1級DOM在1998年10月份成為W3C的提議，由DOM核心與DOM HTML兩個模塊組成。DOM核心能映射以XML為基礎(chǔ)的文檔結(jié)構(gòu)，允許獲取和操作文檔的任意部分。DOM HTML通過添加HTML專用的對象與函數(shù)對DOM核心進(jìn)行了擴(kuò)展。

二級DOM

2級DOM在一級DOM的基礎(chǔ)上進(jìn)行了擴(kuò)展，它引進(jìn)了幾個新DOM模塊來處理新的接口類型：

DOM視圖：描述跟蹤一個文檔的各種視圖（使用CSS樣式設(shè)計(jì)文檔前后）的接口；

DOM事件：描述事件接口；

DOM樣式：描述處理基于CSS樣式的接口；

DOM遍歷與范圍：描述遍歷和操作文檔樹的接口；

三級DOM

3級DOM通過引入統(tǒng)一方式載入和保存文檔和文檔驗(yàn)證方法對DOM進(jìn)行進(jìn)一步擴(kuò)展，DOM3包含一個名為“DOM載入與保存”的新模塊，DOM核心擴(kuò)展后可支持XML1.0的所有內(nèi)容，包括XML Infoset、 XPath、和XML Base。

看完上述內(nèi)容，你們對html中的DOM模型有進(jìn)一步的了解嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文名稱：html中DOM模型基礎(chǔ)知識介紹-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址：http://chinadenli.net/article18/desigp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、微信公眾號、網(wǎng)站內(nèi)鏈、虛擬主機(jī)、網(wǎng)站排名、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)