Node.js - 如何編輯jsdom窗口中的元素並將窗口另存爲新的HTML文件？

Question

我想加載一個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!文本添加到所有p元素，然後將其寫入out.html。你缺少的主要東西是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; 
     }); 
    }); 
});