XML DOM
什麼是 DOM？
文件物件模型 (DOM) 定義了訪問和操作文件的標準。
HTML DOM 以標準方式定義了訪問和操作 HTML 文件的方法。它將 HTML 文件呈現為樹狀結構。
XML DOM 以標準方式定義了訪問和操作 XML 文件的方法。它將 XML 文件呈現為樹狀結構。
理解 DOM 對於任何處理 HTML 或 XML 的人來說都是必不可少的。
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="cooking">
<title lang="en">Everyday Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="children">
<title lang="en">Harry Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</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>Everyday Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</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 的知識。
