XML DOM
什么是 DOM？
文檔對象模型 (DOM) 定義了訪問和操作文檔的標準：
“W3C 文檔對象模型 (DOM) 是一個與平臺和語言無關的接口，允許程序和腳本動態訪問和更新文檔的內容、結構和樣式。”
HTML DOM 定義了訪問和操作 HTML 文檔的標準方法。它將 HTML 文檔呈現為樹結構。
XML DOM 定義了訪問和操作 XML 文檔的標準方法。它將 XML 文檔呈現為樹結構。
對于任何使用 HTML 或 XML 的開發者，理解 DOM 是必須的。
HTML DOM
所有 HTML 元素都可以通過 HTML DOM 訪問。
下面的例子更改 id="demo" 的 HTML 元素的值：
實例
<h1 id="demo">這是標題</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
請點擊我！
</button>
您可以在我們的 JavaScript 教程 中學習有關 HTML DOM 的更多知識。
XML DOM
所有 XML 元素都可以通過 XML DOM 訪問。
Books.xml
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book category="美食">
<title lang="zh">雅舍談吃</title>
<author>梁實秋</author>
<year>2013</year>
<price>35</price>
</book>
<book category="兒童">
<title lang="zh">了不起的狐貍爸爸</title>
<author>羅爾德·達爾</author>
<year>2009</year>
<price>10.00</price>
</book>
</bookstore>
這段代碼檢索 XML 文檔中第一個 <title> 元素的文本值：
實例
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
XML DOM 是關于如何獲取、更改、添加和刪除 XML 元素的標準。
這個例子將文本字符串加載到 XML DOM 對象中，并使用 JavaScript 從中提取信息：
實例
<html>
<body>
<p id="demo"></p>
<script>
var text, parser, xmlDoc;
text = "<bookstore><book>" +
"<title>雅舍談吃</title>" +
"<author>梁實秋</author>" +
"<year>2009</year>" +
"</book></bookstore>";
parser = new DOMParser();
xmlDoc = parser.parseFromString(text,"text/xml");
document.getElementById("demo").innerHTML =
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
您將在我們的 XML DOM 教程中學習有關 XML DOM 的更多內容。
