domutils 是一个 Node.js 上的 npm 包，它提供了一组工具函数来操作 HTML 和 XML 文档的 DOM 树。它可以在服务器端和浏览器端使用，因此非常适合前端开发人员。
安装
你可以使用以下命令安装 domutils：
npm install domutils
使用
要使用 domutils ，首先需要引入它：
const domutils = require('domutils');获取元素
可以使用以下方法获取元素：
domutils.getElementsByTagName(elem, tagName)domutils.getElementById(elem, id)domutils.getElementsByAttribute(elem, attrName, attrValue)
其中，elem 表示要搜索的 DOM 元素，tagName 表示要查找的标签名，id 表示要查找的元素 ID，attrName 表示要查找的属性名，attrValue 表示要查找的属性值。
示例代码：
-- -------------------- ---- ------- ----- - ----- - - ----------------- ----- --- - --- ---------------- -------------------------------- ------------------ ------------------------------------------- -- --------- ----- ------ - ---------------------------------- ----- ----------------------------------- -- -------- ------ -- -- -- ---- ----- -------- - ---------------------------- -------- ---------------------------------- -- ------- ---- -- -------- ----- ----------- - ------------------------------------ -------- -------- ---------------------------------------- -- -------- ------
添加元素
可以使用以下方法添加元素：
domutils.appendChild(elem, childElem)domutils.insertBefore(elem, newElem, refElem)
其中，elem 表示要添加到的父元素，childElem 表示要添加的子元素，newElem 表示要插入的新元素，refElem 表示要插入在其前面的元素。
示例代码：
-- -------------------- ---- ------- ----- - ----- - - ----------------- ----- --- - --- ---------------- -------------------------------- ------------------ ------------------------------------------- -- ----- ----- ------ - ---------------------------------- ----- ----- ------- - -------------------------- ------------------- - ---- ------ ------------------------------- --------- --------------------------------- -- ----- ------------------ --------------- --------------- -- ----- ----- -------- - ------------------------------------ ----- ------ - ------------------------- ------------------ - ---- ----- ------------------------------- ------- ----------- -------------------------------- -- ----------------- ----------- ------------------ --------------- ----------------------
移除元素
可以使用以下方法移除元素：
domutils.removeElement(elem)
其中，elem 表示要移除的元素。
示例代码：
const { JSDOM } = require('jsdom');
const dom = new JSDOM('<!DOCTYPE html><html><head></head><body><p class="test">Hello World!</p></body></html>').window.document;
// 移除元素
const pElems = domutils.getElementsByTagName(dom, 'p');
domutils.removeElement(pElems[0]);
console.log(dom.documentElement.outerHTML); // 输出：<html><head></head><body></body></html>更多方法
domutils 还提供了其他许多有用的方法，包括获取和设置属性、创建新元素等。你可以在官方文档中查看完整的 API 参考。
总结
使用 domutils 可以方便地操作 HTML 和 XML 文档的 DOM 树。本教程介绍了如何使用 domutils 获取元素、添加元素
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49734