jsdom可以在node.js库中,使用类似dom原生API的方式,操作html内容。
官网:https://github.com/jsdom/jsdom
安装:
npm i jsdom
使用示例:
const jsdom = require("jsdom");
const {
JSDOM
} = jsdom;
const dom = new JSDOM(`<html><head></head><body></body></html>`)
const document = dom.window.document;
// 创建一个新的 div 元素
let newDiv = document.createElement("div");
// 给它一些内容
let newContent = document.createTextNode("设置 Text 文本!");
// 添加文本节点 到这个新的 div 元素
newDiv.appendChild(newContent);
//设置属性
newDiv.setAttribute("class","uni-list");
newDiv.setAttribute("style","color: red;");
//插入节点
document.querySelector('body').appendChild(newDiv)
console.log(document.querySelector("html").outerHTML);
注意:jsdom 依赖 Node.js 10.x以上版本