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