以下是一个简单的XML DOM实例,演示了如何使用JavaScript创建、修改和遍历XML文档的DOM树。在这个例子中,我们将创建一个包含书籍信息的简单XML文档,并演示如何添加新的书籍,修改书籍标题,以及遍历所有书籍的标题。
// 创建一个新的XML文档
var xmlDoc = document.implementation.createDocument(null, "library", null);

// 创建并添加第一本书
var book1 = xmlDoc.createElement("book");
var title1 = xmlDoc.createElement("title");
title1.appendChild(xmlDoc.createTextNode("JavaScript: The Good Parts"));
book1.appendChild(title1);
xmlDoc.documentElement.appendChild(book1);

// 创建并添加第二本书
var book2 = xmlDoc.createElement("book");
var title2 = xmlDoc.createElement("title");
title2.appendChild(xmlDoc.createTextNode("Eloquent JavaScript"));
book2.appendChild(title2);
xmlDoc.documentElement.appendChild(book2);

// 输出整个XML文档
console.log(new XMLSerializer().serializeToString(xmlDoc));

// 修改第一本书的标题
title1.firstChild.nodeValue = "Revised Title";

// 输出修改后的XML文档
console.log(new XMLSerializer().serializeToString(xmlDoc));

// 遍历所有书籍的标题
var titles = xmlDoc.getElementsByTagName("title");
for (var i = 0; i < titles.length; i++) {
    console.log("Book " + (i + 1) + ": " + titles[i].firstChild.nodeValue);
}

在这个例子中,我们首先创建了一个新的XML文档,然后添加了两本书籍的信息。接着,我们输出整个XML文档,修改了第一本书的标题,并再次输出修改后的XML文档。最后,我们使用getElementsByTagName遍历了所有书籍的标题,输出它们的内容。

这只是一个简单的例子,实际应用中可能会涉及更复杂的XML结构和更多的操作。此示例主要用于演示XML DOM的基本用法。


转载请注明出处:http://www.zyzy.cn/article/detail/14591/XML DOM