XML DOM

什么是 DOM

DOM 定义了用于访问和处理文档的标准：

“W3C文档对象模型（DOM）是一种平台和语言无关的接口，它允许程序和脚本动态访问和更新文档的内容，结构和样式”

HTML DOM 定义了一种用于访问和处理 HTML 文档的标准方法；它将 HTML 文档呈现为树状结构。

XML DOM 定义了访问和处理 XML 文档的标准方法；它将 XML 文档呈现为树结构。

任何使用HTML或XML的人都必须了解DOM。

HTML DOM

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

本示例使用 id="demo" 更改 HTML 元素的值：

<html>
<body>
<h1>这是一个标题</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">点击我</button>
</body>
</html>

尝试一下

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

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

<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
    <book category="children">
        <title>中国历史</title>
        <author>J K. Rowling</author>
        <year>2005</year>
        <price>29.99</price>
    </book>
    <book category="web">
        <title>学习 XML</title>
        <author>Erik T. Ray</author>
        <year>2003</year>
        <price>39.95</price>
    </book>
</bookstore>

此代码检索 XML 文档中第一个<title>元素的文本值：

<html>
<body>
<p id="demo"></p>
<script>
    var text, parser, xmlDoc;
    text = "<bookstore><book>" +
    "<title>日常意大利语</title>" +
    "<author>贾达·德·劳伦蒂斯</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 的知识。