如何使用Node.js的html-element模块从头创建HTML文档？

原代码的问题 #

• HTML.document.createElement(doc)用法错误：createElement的参数是标签名（如'div'、'body'），不能直接传入完整的HTML字符串。
• appendChild不能直接传HTML字符串：这个方法要求传入DOM元素对象，不是字符串格式的HTML代码。
• page.document不存在：page是元素对象，本身没有document属性，查询元素需要从全局的HTML.document或者元素自身调用查询方法。

正确实现方式 #

方式1：手动创建元素并添加

const HTML = require('html-element');
const doc = HTML.document;
const body = doc.body;

// 创建单个div元素并添加到body
const div1 = doc.createElement('div');
div1.textContent = '1';
body.appendChild(div1);

const div2 = doc.createElement('div');
div2.textContent = '2';
body.appendChild(div2);

const div3 = doc.createElement('div');
div3.textContent = '3';
body.appendChild(div3);

// 从文档中查询所有div
const allDivs = doc.querySelectorAll('div');
console.log(allDivs);

// 或者直接从body元素中查询
const bodyDivs = body.querySelectorAll('div');
console.log(bodyDivs);

方式2：用HTML字符串初始化内容

如果需要批量添加HTML内容，可以使用innerHTML直接设置：

const HTML = require('html-element');
const doc = HTML.document;

// 直接设置body的HTML内容
doc.body.innerHTML = `<div>1</div><div>2</div><div>3</div>`;

// 查询元素
const divs = doc.querySelectorAll('div');
console.log(divs);

内容的提问来源于stack exchange，提问作者Alex