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 的知识。
