HTML 字符串转 DOM

如果你有一个 HTML 字符串，想要在 JavaScript 中将其转换为文档对象模型（DOM）表示，你可以使用 DOMParser 对象。DOMParser 允许你解析 XML 或 HTML 字符串，并从中创建一个 DOM 对象。以下是如何实现：

// 你的 HTML 字符串
const htmlString = '<div><p>Hello, World!</p></div>';

// 创建一个新的 DOMParser 实例
const parser = new DOMParser();

// 解析 HTML 字符串
const doc = parser.parseFromString(htmlString, 'text/html');

// 现在，doc 包含了 HTML 字符串的 DOM 表示
console.log(doc);

在这个示例中，DOMParser 的 parseFromString 方法用于将 HTML 字符串转换为 DOM 文档。第二个参数指定了正在解析的内容类型，这里是 'text/html'。

之后，你可以像操作任何其他 DOM 文档一样使用 doc 对象。例如，你可以访问元素、修改它们或使用标准的 DOM 操作方法执行其他操作。

请注意，这段代码在基于浏览器的 JavaScript 环境中工作。如果你在使用 Node.js，可能需要使用像 jsdom 这样的库，以模拟类似浏览器的环境来进行 DOM 操作。