javascript - 使用 JavaScript 从本地文件读取和修改 HTML

Question

我想不出一个优雅的解决方案。但是，处理 HTML 文件、修改它并使用命令行上的脚本将其保存回来的最佳方法是什么？我想基本上运行这个脚本，证明 HTML 文件作为参数，将 a 添加data-test=<randomID>到每个<div>元素中，然后将其保存回文件中。我在想我可以编写一个 JavaScript 脚本来执行，node但不确定如何获取所提供文件的内容，或者将内容存储为什么。感谢您的任何指示。

Answer 1

解决了jsdom（感谢提示，user1600124）：

var jsdom = require("jsdom"),
    fs = require('fs');

if (process.argv.length < 3) {
  console.log('Usage: node ' + process.argv[1] + ' FILENAME');
  process.exit(1);
}

var file = process.argv[2];
fs.readFile(file, 'utf8', function(err, data) {
    if (err) throw err;

    jsdom.env(
        data,
        ["http://code.jquery.com/jquery.js"],
        function (errors, window) {
            var $ = window.jQuery;

            $("p, li").each(function(){
                $(this).attr("data-test", "test");
            });
            $(".jsdom").remove();
            console.log( window.document.doctype + window.document.innerHTML );
            var output = window.document.doctype + window.document.innerHTML;

            fs.writeFile(file, output, function(err) {
                if (err) throw err;
                console.log('It\'s saved!');
            });
     });
});