XML DOM全称为XML文档对象模型,是一套用于操作XML文档的标准编程接口,它会把XML文档解析成由节点组成的树形结构,每个元素、属性、文本内容都会对应一个节点对象,开发者可以通过调用节点对象的方法、访问其属性来完成对XML文档的各种操作。

XML DOM的核心节点类型
XML DOM的树形结构中包含多种节点类型,不同节点对应XML文档的不同部分,常见的节点类型如下:
| 节点类型 | 对应XML内容 | 节点名称示例 |
|---|---|---|
| 元素节点 | XML中的标签元素 | <user>、<name> |
| 属性节点 | 元素的属性 | id、class |
| 文本节点 | 元素内的文本内容 | 张三、18 |
| 文档节点 | 整个XML文档 | #document |
XML DOM常用操作方法
1. 加载XML文档
在JavaScript环境中,可以通过DOMParser对象来解析XML字符串,得到XML DOM文档对象:
// 定义XML字符串
var xmlString = '<users><user id="1"><name>张三</name><age>25</age></user></users>';
// 创建DOMParser实例
var parser = new DOMParser();
// 解析XML字符串,得到XML DOM文档
var xmlDoc = parser.parseFromString(xmlString, 'text/xml');
// 检查解析是否有错误
var parseError = xmlDoc.getElementsByTagName('parsererror');
if (parseError.length > 0) {
console.log('XML解析失败');
} else {
console.log('XML解析成功,文档节点名称:' + xmlDoc.nodeName);
}2. 查找节点
可以通过标签名、ID等方式查找对应的节点,常用的查找方法如下:
getElementsByTagName(tagName):根据标签名获取所有匹配的节点集合getElementById(id):根据元素ID获取对应节点,需要XML文档声明ID属性类型querySelector(selector):使用CSS选择器获取第一个匹配的节点
// 获取所有user节点
var userNodes = xmlDoc.getElementsByTagName('user');
console.log('用户节点数量:' + userNodes.length);
// 获取第一个user的name节点
var firstNameNode = userNodes[0].getElementsByTagName('name')[0];
// 获取name节点的文本值
var firstName = firstNameNode.textContent;
console.log('第一个用户姓名:' + firstName);3. 修改节点内容
可以直接修改节点的文本值或者属性值,示例如下:
// 修改第一个用户的年龄
var ageNode = userNodes[0].getElementsByTagName('age')[0];
ageNode.textContent = '26';
console.log('修改后的年龄:' + ageNode.textContent);
// 修改user节点的id属性
var firstUser = userNodes[0];
firstUser.setAttribute('id', '1001');
console.log('修改后的用户ID:' + firstUser.getAttribute('id'));4. 添加新节点
可以通过createElement、createTextNode等方法创建新节点,再插入到文档树中:
// 创建新的user节点
var newUser = xmlDoc.createElement('user');
newUser.setAttribute('id', '2');
// 创建name节点和文本
var newName = xmlDoc.createElement('name');
var nameText = xmlDoc.createTextNode('李四');
newName.appendChild(nameText);
// 创建age节点和文本
var newAge = xmlDoc.createElement('age');
var ageText = xmlDoc.createTextNode('22');
newAge.appendChild(ageText);
// 把子节点添加到newUser中
newUser.appendChild(newName);
newUser.appendChild(newAge);
// 把新用户节点添加到根节点
var rootNode = xmlDoc.getElementsByTagName('users')[0];
rootNode.appendChild(newUser);
console.log('添加新用户后,用户节点数量:' + xmlDoc.getElementsByTagName('user').length);5. 删除节点
可以通过父节点的removeChild方法删除指定节点:
// 删除第二个用户节点(刚添加的李四)
var secondUser = xmlDoc.getElementsByTagName('user')[1];
var parentNode = secondUser.parentNode;
parentNode.removeChild(secondUser);
console.log('删除用户后,用户节点数量:' + xmlDoc.getElementsByTagName('user').length);注意事项
使用XML DOM操作时需要注意,不同编程语言的XML DOM实现细节略有差异,但核心的节点操作逻辑是一致的。另外解析XML时要注意文档的格式正确性,格式错误的XML会导致解析失败,同时如果处理外部来源的XML文档,要注意防范XML注入相关的安全问题。