XML DOM

什么是 DOM？

文档对象模型 (DOM) 定义了访问和操作文档的标准：

"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."

这个HTML 文档对象模型定义了访问和操作 HTML 文档的标准方法。它将 HTML 文档呈现为树结构。

这个XML文档对象模型定义了访问和操作 XML 文档的标准方法。它将 XML 文档呈现为树结构。

对于任何使用 HTML 或 XML 的人来说，理解 DOM 是必须的。

HTML DOM

所有 HTML 元素都可以通过 HTML DOM 访问。

此示例更改 id="demo" 的 HTML 元素的值：

示例

<h1 id="demo">This is a Heading</h1>

<button type="button"
onclick="document.getElementById('demo').innerHTML = 'Hello World!'">Click Me!
</button>

亲自试一试 »

您可以在我们的文章中了解有关 HTML DOM 的更多信息JavaScript 教程。

XML DOM

所有 XML 元素都可以通过 XML DOM 访问。

图书.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 教程。