XML DOM 教程
XML DOM
什么是 DOM?
DOM (Document Object Model,文档对象模型)定义了访问和操作文档的标准方法。
XML DOM (XML Document Object Model) 定义了访问和操作 XML 文档的标准方法。
XML DOM 把 XML 文档作为树结构来查看。
任何使用 HTML 或 XML 的人都必须要理解DOM。
HTML DOM
所有 HTML 元素可以通过 HTML DOM 来访问。
在下面的例子中,我们使用 DOM 引用来改变 id="demo" 的 HTML 元素的文本:
实例
<h1 id="demo">这是一个标题</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML =
'Hello World!'">Click Me!
</button>
亲自试一试 »
您可以在 HTML DOM 教程 中学习更多相关知识。
XML DOM
所有 XML 元素都可以通过 XML DOM 访问。
Books.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 Document Object Model)定义了访问和操作 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 教程 。