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 的更多内容。