本文向大家描述一下XML DOM和HTML DOM的區(qū)別和聯(lián)系，DOM（DocumentObjectModel，文檔對(duì)象模型）定義訪問和操作文檔的一套標(biāo)準(zhǔn)方法，首先我們來看一下XML DOM的用法。

XML DOM

XML DOM(XMLDocumentObjectModel)定義一套訪問和操作XML文檔的標(biāo)準(zhǔn)方法。

DOM把XML文檔作為樹結(jié)構(gòu)來查看。能夠通過DOM樹來訪問所有元素。可以修改或刪除它們的內(nèi)容，并創(chuàng)建新的元素。元素，它們的文本，以及它們的屬性，都被認(rèn)為是節(jié)點(diǎn)。

在下面的例子中，我們使用DOM引用從<to>元素中獲取文本：

xmlDoc.getElementsByTagName("to")[0]  
.childNodes[0].nodeValue 

◆xmlDoc-由解析器創(chuàng)建的XML文檔

◆getElementsByTagName("to")[0]-***個(gè)<to>元素

◆childNodes[0]-<to>元素的***個(gè)子元素（文本節(jié)點(diǎn)）

◆nodeValue-節(jié)點(diǎn)的值（文本本身）

您可以在51cto.com的XML DOM教程中學(xué)習(xí)更多相關(guān)知識(shí)。

HTML DOM

HTML DOM(HTMLDocumentObjectModel)定義一套訪問和操作HTML文檔的標(biāo)準(zhǔn)方法。

可以通過HTML DOM訪問所有HTML元素。

在下面的例子中，我們使用DOM引用來改變id="to"的HTML元素的文本：

document.getElementById("to").innerHTML=  
 

◆document-HTML文檔

◆getElementById("to")-其中的id="to"的HTML元素

◆innerHTML-HTML元素的內(nèi)部文本

您可以在51cto.com的HTML DOM教程中學(xué)習(xí)更多相關(guān)知識(shí)。
 

【編輯推薦】

1. 詳解XML DOM文檔對(duì)象模型用法
2. HTML DOM與XML DOM的區(qū)別與聯(lián)系探究
3. JavaScript獲取HTML DOM節(jié)點(diǎn)元素詳解
4. HTML DOM對(duì)象模型詳解
5. 解析HTML DOM Checkbox對(duì)象的屬性和方法