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