在前端开发中，我们经常需要处理 XML 数据，而 node-xmldom 这个 npm 包就为我们提供了一种非常方便的解决方案。本篇文章就为大家介绍如何使用 node-xmldom 包来操作 XML 数据。
1. 安装 node-xmldom
首先，我们需要安装 node-xmldom 这个 npm 包。在终端中输入以下命令即可完成安装：
npm install xmldom --save
2. 引入 node-xmldom
在需要操作 XML 数据的 JS 文件中，我们需要引入 node-xmldom 包。通常，我们可以通过以下方式引入：
const { DOMParser, XMLSerializer } = require('xmldom');其中，DOMParser 可以将 XML 字符串转化成 DOM 对象，XMLSerializer 可以将 DOM 对象转化成 XML 字符串。
3. 解析 XML 数据
我们可以使用 DOMParser.parseFromString() 方法来将 XML 字符串转化成 DOM 对象。该方法有两个参数：
- XML 字符串
- 结果类型，可选值：'text/xml' 或 'application/xml'
以下是示例代码：
-- -------------------- ---- -------
----- --------- - -
----- ------------- ------------------
-----------
----- --------------------
------ --------------- --------------
------------ ----------------
-------
----- ---------------
------ ------------------ -----------
------------ -- ------------
-------
------------
--
----- ------ - --- ------------
----- ------ - --------------------------------- ------------
--------------------在控制台输出的结果如下：
-- -------------------- ---- -------
----------
-----------
----- --------------------
------ --------------- --------------
------------ ----------------
-------
----- ---------------
------ ------------------ -----------
------------ -- ------------
-------
------------
-----------可以看到，我们成功地将 XML 字符串转化成了 DOM 对象。
4. 操作 DOM 对象
在获取到 DOM 对象后，我们可以使用 DOM API 来操作 DOM 对象，比如查询节点、修改节点内容等。以下是一些常用的 DOM API：
- getElementById(id)：获取指定 ID 的元素
- getElementsByTagName(tagName)：获取指定标签名的元素
- getElementsByClassName(className)：获取指定类名的元素
- createElement(tagName)：创建指定标签名的元素
- createTextNode(text)：创建包含指定文本的节点
- nodeValue：节点的值
以下是示例代码：
const books = xmlDoc.getElementsByTagName('book');
for (let i = 0; i < books.length; i++) {
const book = books[i];
const author = book.getElementsByTagName('author')[0].childNodes[0].nodeValue;
console.log(author);
}在上述示例中，我们通过 getElementsByTagName() 方法获取了所有的 book 元素节点，然后通过遍历所有的 book 节点，获取了每一本书的作者名字。
5. 序列化 DOM 对象
在编辑完 DOM 对象之后，我们需要将 DOM 对象序列化成 XML 字符串供其他程序使用。我们可以使用 XMLSerializer.serializeToString() 方法将 DOM 对象转化成 XML 字符串。该方法有一个参数：DOM 对象。
以下是示例代码：
const xmlSerializer = new XMLSerializer(); const xmlStr = xmlSerializer.serializeToString(xmlDoc); console.log(xmlStr);
输出的结果如下：
<?xml version="1.0" encoding="UTF-8"?><bookstore><book category="children"><title lang="en">Harry Potter</title><author>J.K. Rowling</author></book><book category="web"><title lang="en">Learning XML</title><author>Erik T. Ray</author></book></bookstore>
6. 总结
通过本文的学习，我们了解了 node-xmldom 这个 npm 包的使用方法，可以方便地操作 XML 数据。尤其是在处理需要跨平台、跨语言的数据时，XML 数据的传输和交互非常重要。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668e6d9381d61a3540b30