xml dom将XML文档解析为树形结构,通过编程接口实现节点的增删改查操作。1. 使用DOMParser加载XML字符串;2. 通过getElementsByTagName或querySelector查找节点;3. 利用textContent和getAttribute访问内容;4. 调用createElement、appendChild添加节点;5. 使用removeChild删除节点。注意空白文本节点和命名空间处理。

XML DOM(Document Object Model)是XML文档的编程接口,它把整个XML文档看作一棵节点树,每个元素、属性、文本都作为树中的一个节点。通过DOM,程序可以读取、修改、删除或添加XML内容,实现动态操作。
DOM节点树的结构
XML DOM将文档解析为树形结构,主要节点类型包括:
- 元素节点:对应XML标签,如 <book>
- 属性节点:元素的属性,如 id=”123″
- 文本节点:标签内的文字内容
- 注释节点:<!– 注释 –>
- 文档节点:树的根,代表整个XML文档
每个节点都有父节点、子节点和兄弟节点,形成层次关系,便于遍历和操作。
如何操作节点树
使用DOM API可以对节点进行增删改查。常见操作方式如下:
1. 加载XML文档
在javaScript中,可通过DOMParser解析字符串:
let parser = new DOMParser();
let xmlString = `
let xmlDoc = parser.parseFromString(xmlString, “text/xml”);
2. 查找节点
- getElementById:根据id获取元素(需DTD或Schema定义id属性)
- getElementsByTagName:返回指定标签名的所有元素集合
- querySelector / querySelectorAll:使用css选择器查找节点
例如:
let books = xmlDoc.getElementsByTagName(“book”);
let firstBook = books[0];
3. 访问节点内容
- nodeValue:获取或设置文本节点的值
- textContent:获取元素及其后代所有文本
- getAttribute:获取属性值
例如:
console.log(firstBook.getAttribute(“id”)); // 输出: 1
console.log(firstBook.textContent); // 输出: JavaScript指南
4. 修改节点
firstBook.textContent = “更新后的书名”;
firstBook.setAttribute(“id”, “2”);
5. 添加新节点
let newBook = xmlDoc.createElement(“book”);
newBook.setAttribute(“id”, “3”);
newBook.textContent = “python入门”;
xmlDoc.documentElement.appendChild(newBook);
6. 删除节点
let parent = firstBook.parentnode;
parent.removeChild(firstBook);
注意事项
操作XML DOM时要注意命名空间问题,某些方法在处理带命名空间的XML时需特别处理。另外,DOM会将空白和换行视为文本节点,遍历时可能需要过滤。
基本上就这些,掌握节点的查找、访问、修改和结构操作,就能灵活控制XML文档树。不复杂但容易忽略细节。


