导读:本期聚焦于小伙伴创作的《XML DOM是什么?如何用它操作XML文档节点》,敬请观看详情,探索知识的价值。以下视频、文章将为您系统阐述其核心内容与价值。如果您觉得《XML DOM是什么?如何用它操作XML文档节点》有用,将其分享出去将是对创作者最好的鼓励。

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

XML DOM是什么?如何用它操作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. 添加新节点

可以通过createElementcreateTextNode等方法创建新节点,再插入到文档树中:

// 创建新的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注入相关的安全问题。

XML_DOMXML文档操作节点增删改查DOM解析XML解析修改时间:2026-06-04 03:40:29

免责声明:​ 已尽一切努力确保本网站所含信息的准确性。网站内容多为原创整理与精心编撰,观点力求客观中立。本站旨在免费分享,内容仅供个人学习、研究或参考使用。若引用了第三方作品,版权归原作者所有。如内容涉及您的权益,请联系我们处理。
内容垂直聚焦
专注技术核心技术栏目,确保每篇文章深度聚焦于实用技能。从代码技巧到架构设计,为用户提供无干扰的纯技术知识沉淀,精准满足专业提升需求。
知识结构清晰
覆盖从开发到部署的全链路。AI、前端、编程、数据库、服务器、建站、系统层层递进,构建清晰学习路径,帮助用户系统化掌握开发与运维所需的核心技术。
深度技术解析
拒绝泛泛而谈,深入技术细节与实践难点。无论是数据库优化还是服务器配置,均结合真实场景与代码示例进行剖析,致力于提供可直接应用于工作的解决方案。
专业领域覆盖
精准对应开发生命周期。从前端界面到后端编程,从数据库操作到服务器运维,形成完整闭环,一站式满足全栈工程师和运维人员的技术需求。
即学即用高效
内容强调实操性,步骤清晰、代码完整。用户可根据教程直接复现和应用于自身项目,显著缩短从学习到实践的距离,快速解决开发中的具体问题。
持续更新保障
专注既定技术方向进行长期、稳定的内容输出。确保各栏目技术文章持续更新迭代,紧跟主流技术发展趋势,为用户提供经久不衰的学习价值。