如何从 Node.js 更改 HTML 的 h1 标签

想要更改 HTML 文件中的 h1 标签内容，需要使用 Node.js 中的模块库和一些 JavaScript 代码。

1. 安装依赖

在开始操作之前，需要先通过 Npm 安装 Node.js 相关的依赖。

npm install jsdom

其中，jsdom 是 Node.js 的一个模块库，用于将字符串形式的 HTML 转化为 DOM 对象，然后再进行操作。

2. 编写 JavaScript 代码

将 HTML 文件读入 Node.js 程序中，然后通过 jsdom 将字符串形式的 HTML 转化为 DOM 对象，最后找到 h1 标签并更改其内容即可。代码如下：

const fs = require('fs');
const jsdom = require('jsdom');

// 读入 HTML 文件
const html = fs.readFileSync('index.html', { encoding: 'utf-8' });

// 将 HTML 转化为 DOM 对象
const dom = new jsdom.JSDOM(html);

// 获取 h1 标签
const h1 = dom.window.document.querySelector('h1');

// 更改 h1 内容
h1.textContent = 'New Title';

// 将更改后的 DOM 对象转化为字符串形式
const newHtml = dom.serialize();

// 将更改后的内容写回 HTML 文件
fs.writeFileSync('index.html', newHtml, { encoding: 'utf-8' });

3. 结束语

通过以上方式，我们可以方便地更改 HTML 文件中的 h1 标签内容。当然，除了更改内容以外，我们还可以对 h1 标签的属性进行修改，例如修改样式、添加 class 等。只需要修改 JavaScript 代码中的相关部分即可。