XML DOM 教程 - 程序员自由职业

XML DOM（文档对象模型）是一种用于处理 XML 文档的标准编程接口。它允许开发者通过编程语言（如 JavaScript、Java、Python 等）访问和修改 XML 文档的内容。以下是一个简单的 XML DOM 教程，以 JavaScript 为例：

步骤 1: 创建 XML 文档

首先，创建一个 XML 文档。在 JavaScript 中，你可以使用 DOMParser 或 XMLHttpRequest 来加载 XML。

// 创建 XML 字符串
var xmlString = '<books><book><title>Introduction to JavaScript</title><author>John Doe</author></book></books>';

// 使用 DOMParser 解析 XML 字符串
var parser = new DOMParser();
var xmlDoc = parser.parseFromString(xmlString, 'text/xml');

步骤 2: 访问元素

一旦有了 XML 文档，你可以使用 DOM 方法访问和操作元素。

// 获取根元素
var booksElement = xmlDoc.getElementsByTagName('books')[0];

// 获取子元素
var bookElement = booksElement.getElementsByTagName('book')[0];

// 获取元素的文本内容
var title = bookElement.getElementsByTagName('title')[0].textContent;
var author = bookElement.getElementsByTagName('author')[0].textContent;

// 输出结果
console.log('Title: ' + title);
console.log('Author: ' + author);

步骤 3: 修改元素

你也可以使用 DOM 方法来修改元素的内容。

// 修改元素的文本内容
bookElement.getElementsByTagName('title')[0].textContent = 'JavaScript Fundamentals';

// 输出修改后的 XML
console.log(xmlDoc.documentElement.outerHTML);

步骤 4: 创建新元素

如果你想在 XML 中添加新元素，也可以使用 DOM。

// 创建新元素
var newBookElement = xmlDoc.createElement('book');
var newTitleElement = xmlDoc.createElement('title');
var newAuthorElement = xmlDoc.createElement('author');

// 设置新元素的文本内容
newTitleElement.textContent = 'Web Development Basics';
newAuthorElement.textContent = 'Jane Smith';

// 将新元素添加到文档中
newBookElement.appendChild(newTitleElement);
newBookElement.appendChild(newAuthorElement);
booksElement.appendChild(newBookElement);

// 输出添加新元素后的 XML
console.log(xmlDoc.documentElement.outerHTML);

这是一个简单的 XML DOM 教程，涵盖了创建、访问、修改和添加 XML 元素的基本操作。请注意，这只是一个入门级的示例，XML DOM 在实际应用中可能涉及更复杂的文档结构和操作。

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