Node.js – 如何编辑jsdom窗口中的元素并将窗口另存为新的HTML文件？

我想加载一个HTML文件（使用fs.read），使用jsdom加载DOM，然后更改正文节点的文本（通过jQuery）。 然后我想将编辑的DOM窗口保存为HTML文件。 有没有办法做到这一点？ 我使用的代码如下：

fs.readFile(file, 'utf8', function(error, data) { jsdom.env(data, [], function (errors, window) { var $ = require('jquery')(window); $(document.body.getElementsByTagName("*")).each(function () { var content = $(this).text(); var word = "\\b"+wordSuggestions.word+"\\b"; var re = new RegExp(word, "g"); content = content.replace(re, wordSuggestions.suggestion); $(this).text(content); }); fs.writeFile(file, data, function (error){ // saving the new HTML file? What should I put instead of data? Window? }); }); }); 

Answer 1

这是一个如何做的例子。 我已经基于你的代码，但简化了一下，所以我有代码执行和说明如何做到这一点。 以下代码读取foo.html并添加modified!的文本modified! 到所有的p元素，然后写出out.html 。 你缺less的主要是window.document.documentElement.outerHTML 。

 var jsdom = require("jsdom"); var fs = require("fs"); fs.readFile('foo.html', 'utf8', function(error, data) { jsdom.env(data, [], function (errors, window) { var $ = require('jquery')(window); $("p").each(function () { var content = $(this).text(); $(this).text(content + " modified!"); }); fs.writeFile('out.html', window.document.documentElement.outerHTML, function (error){ if (error) throw error; }); }); });