在前端开发的过程中，我们经常需要通过 JavaScript 操作 DOM 节点。而 npm 包 domnode 就是一个方便、高效的 DOM 操作工具。本文将详细介绍 domnode 的使用方法，包括安装、基本用法和高级用法等。
安装
使用 npm 命令即可安装 domnode：
npm i domnode
基本用法
安装完成后，我们就可以在代码中引入 domnode：
const domnode = require('domnode');获取元素
使用 domnode 的 get() 方法，可以根据选择器获取相应的 DOM 元素：
const el = domnode.get('#myEl');设置属性
使用 domnode 的 setAttr() 方法，可以给 DOM 元素设置属性：
domnode.setAttr(el, 'data-id', 123);
获取属性
使用 domnode 的 getAttr() 方法，可以获取 DOM 元素的属性：
const id = domnode.getAttr(el, 'data-id');
添加子元素
使用 domnode 的 append() 方法，可以向 DOM 元素中添加子元素：
const childEl = document.createElement('div');
domnode.append(el, childEl);获取子元素
使用 domnode 的 find() 方法，可以根据选择器获取 DOM 元素的子元素：
const childEl = domnode.find(el, '.child');
移除元素
使用 domnode 的 remove() 方法，可以从 DOM 中移除元素：
domnode.remove(el);
高级用法
除了以上基本用法，domnode 还提供了一些更加高级的方法，可以更方便地进行 DOM 操作。
遍历元素
使用 domnode 的 each() 方法，可以对 DOM 元素进行遍历：
domnode.each('.list-item', (el, index) => {
console.log(`第${index+1}个元素是`, el);
});监听事件
使用 domnode 的 on() 方法，可以给 DOM 元素添加监听事件：
domnode.on(el, 'click', (event) => {
console.log('点击了元素', event.target);
});移除事件
使用 domnode 的 off() 方法，可以移除 DOM 元素的监听事件：
domnode.off(el, 'click', fn);
获取样式
使用 domnode 的 getStyle() 方法，可以获取 DOM 元素的样式：
const width = domnode.getStyle(el, 'width');
设置样式
使用 domnode 的 setStyle() 方法，可以设置 DOM 元素的样式：
domnode.setStyle(el, 'width', '100px');
总结
通过本文的介绍，我们可以看到 domnode 是一个简单、方便、实用的 DOM 操作工具。它提供了一系列基本和高级的操作方法，可以更加高效地进行 DOM 操作。
希望读者能够在实践中逐渐熟练掌握 domnode 的使用方法，为自己的前端开发工作带来更多的便利和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f79961b7116197505561b4a