如何在 JavaScript 中将 HTML 字符串解析为 DOM 元素？

将 HTML 解析为 DOM 元素

在 Javascript 中，经常需要将包含 HTML 的字符串转换为可操作的 DOM 元素。标准方法（例如innerHTML 和innerText）对结果元素提供有限的控制。为了获得更大的灵活性，请考虑使用 DOMParser。

将 HTML 字符串转换为 DOM 元素

要将 HTML 字符串转换为 DOM 元素，请按照以下步骤操作：

1. 实例化一个 DOMParser: var parser = new DOMParser();
2. 使用 parseFromString() 方法解析 HTML 字符串： var doc = parser.parseFromString(htmlString, "text/xml");

示例

考虑以下 HTML string:

<div>

要将此字符串转换为 DOM 元素，请执行以下代码：

var htmlString = "<div>

doc.firstChild 属性现在包含 HTML 字符串的已解析 DOM 表示形式。您可以使用appendChild()将此元素附加到DOM。

以上是如何在 JavaScript 中将 HTML 字符串解析为 DOM 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！