nodejs html dom,javascript - Nodejs, how to view jsdom in browser - Stack Overflow

本文介绍了如何使用JSDOM在Node.js中操作DOM,并展示了如何将结果转化为HTML字符串,进而用于Express服务器返回或写入文件。通过`jsdom`库实例化DOM并调用serialize()方法,实现动态HTML生成与HTTP服务的结合。
摘要由CSDN通过智能技术生成

From the comment I gather you want to manipulate the DOM in JSDOM in node and then (maybe) write an html file (or return it in a response)

For that use serialize()

So with your example:

const jsdom = require("jsdom");

const { JSDOM } = jsdom;

const dom = new JSDOM(`

My First JSDOM!

`,

{

url: "http://localhost:3000/",

contentType: "text/html",

pretendToBeVisual: true,

}

);

console.log(dom.serialize());

JSDom will give you a string for all your HTML.

You can then use Express.js to create a server that may return that HTML or you use the string to write an HTML file to disk.

const express = require('express');

const jsdom = require("jsdom");

const { JSDOM } = jsdom;

const dom = new JSDOM(`

My First JSDOM!

`,

{

url: "http://localhost:3000/",

contentType: "text/html",

pretendToBeVisual: true,

}

);

const app = express();

app.get('/', (req, res) => {

res.send(dom.serialize());

});

app.listen(8080, () => {

console.log('Example app listening at http://localhost:8080');

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值