如何设置整个文档的内容？

嗨，我完全懂这种麻烦——用curl一键保存完整HTML文档多方便，结果还要额外处理提取<body>，确实够折腾的！你说的document.documentElement只读的问题太真实了，不过咱们有两种靠谱的方法能直接加载整个文档内容：

方法一：用document.open() + document.write()快速替换 #

这是最简单直接的方式，效果和浏览器加载新页面一样，能完整替换整个文档的所有内容：

const fs = require('node:fs');
const fullHtml = fs.readFileSync('blah-blah-blah.document.html', 'utf8');

// 打开文档写入通道，写入完整HTML后关闭
document.open();
document.write(fullHtml);
document.close();

执行完这几行，你的测试环境里的文档就完全变成你保存的那个完整HTML了，<head>、<body>啥的都不用单独处理。

方法二：用DOM解析器替换根元素 #

如果你更倾向于标准的DOM操作方式，可以用DOMParser先解析完整HTML，再替换掉当前文档的根元素：

const fs = require('node:fs');
const fullHtml = fs.readFileSync('blah-blah-blah.document.html', 'utf8');

const parser = new DOMParser();
const newDocument = parser.parseFromString(fullHtml, 'text/html');

// 把新解析出来的根元素替换掉当前文档的根元素
document.replaceChild(
  document.importNode(newDocument.documentElement, true),
  document.documentElement
);

这种方法更“优雅”一点，不会触发类似页面加载的过程，适合对DOM操作有更精细需求的场景。

之前你直接给document.documentElement赋值不行，就是因为它是只读的属性，没法直接覆盖，得用上面这些方法来间接替换整个文档内容~

备注：内容来源于stack exchange，提问作者Roy Smith