DOM （Document Object Model，文檔對象模型）定義了訪問和操作文檔的標準方法。

XML DOM

XML DOM (XML Document Object Model) 定義了訪問和操作 XML 文檔的標準方法。

DOM 把 XML 文檔作為樹結構來查看。能夠通過 DOM 樹來訪問所有元素?？梢孕薷幕騽h除它們的內容，并創建新的元素。元素，它們的文本，以及它們的屬性，都被認為是節點。

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

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

• xmlDoc -由解析器創建的 XML 文檔
• getElementsByTagName("to")[0] - 第一個 元素
• childNodes[0] - 元素的第一個子元素（文本節點）
• nodeValue - 節點的值（文本本身）

您可以在 W3School 的 XML DOM 教程 中學習更多相關知識。

html DOM

HTML DOM (HTML Document Object Model) 定義了訪問和操作 HTML 文檔的標準方法。

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

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

document.getElementById("to").innerHTML=

• document - HTML 文檔
• getElementById("to") - 其中的 id="to" 的 HTML 元素
• innerHTML - HTML 元素的內部文本

您可以在 W3School 的 HTML DOM 教程 中學習更多相關知識。

解析 XML 文件 - 跨瀏覽器實例

下列代碼把一個 XML 文檔 ("note.xml") 載入 XML 解析器中：

W3School.com.cn Internal Note
To: 
From: 
Message: 

輸出：

W3School.com.cn Internal NoteTo: GeorgeFrom: JohnMessage: Don't forget the meeting! 

親自試一試

重要注釋

如需從 XML 中提取文本 "John"，語法是：

getElementsByTagName("from")[0].childNodes[0].nodeValue

在上例中，只有一個 標簽，但是仍然需要規定數組的下標 [0]，這是因為 getElementsByTagName() 方法會返回包含所有 節點的數組。

解析 XML 字符串 - 跨瀏覽器實例

下面的代碼加載并解析一個 XML 字符串：

W3School.com.cn Internal Note
To: 
From: 
Message: 

輸出：

W3School.com.cn Internal NoteTo: GeorgeFrom: JohnMessage: Don't forget the meeting!

親自試一試

注釋：Internet Explorer 使用 loadXML() 方法來解析 XML 字符串，而其他瀏覽器使用 DOMParser 對象。