jsdom 提供了多种操作
方法，以下是一些常见的操作示例：
1. **从
HTML 字符串创建
JSDOM 对象**：
```python
const
jsdom = require("
jsdom");
const {
JSDOM } =
jsdom;
const
dom = new
JSDOM(`<!DOCTYPE
html><p>Hello world</p>`);
console.log(
dom.window.document.querySelector("p").textContent); // "Hello world"
```
此示例展示了如何使用
JSDOM 解析
HTML 并访问
DOM 元素，通过 `document.querySelector`
方法可以获取指定的
DOM 元素并获取其文本内容 [^2]。
2. **创建新的
DOM 元素并插入到文档中**：
```python
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").outer
HTML);
```
该示例展示了如何创建新的
DOM 元素，设置其内容
和属性，并将其插入到文档中 [^3]。
3. **从 URL 构造
JSDOM 对象**：
```python
JSDOM.fromURL("https://example.com/", options).then(
dom => {
console.log(
dom.serialize());
});
```
这里使用了 `
JSDOM.fromURL` 工厂
方法，它返回一个 Promise，用于从指定的 URL 构造
JSDOM 对象 [^1]。
4. **使用 `
jsdom.env`
方法**：
```python
jsdom.env(
"http://www.baidu.com",
["http://code.jquery.com/jquery.
js"],
function (err, window) {
console.log(window.$('title').
html());
console.log(window.$('.sizeBox').
html());
}
);
```
`
jsdom.env`
方法可以指定网址
和注入的 JavaScript 文件地址，在回调函数中可以得到 `window` 对象，从而进行
DOM 操作 [^4]。
扫一扫
363
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
