如何在 JavaScript 中安全地將原始 HTML 字串附加到 DOM？

將原始HTML 字串轉換為DOM 元素以進行追加

JavaScript 提供了多種操作HTML 內容的方法，包括修改DOM元素。然而，有時需要將原始 HTML 字串轉換為 DOM 元素，以便與諸如appendChild()之類的方法一起使用。

使用 DOMParser

DOMParser 介面允許解析XML 和 HTML 字串轉換為 DOM 元素。要使用 DOMParser 將原始 HTML 字串轉換為 DOM 元素：

parseFromString() 方法解析 HTML 字串並傳回包含解析後的 DOM 結構的 Document 物件。

訪問DOM 元素

訪問已解析的單個DOM 元素document:

用法

解析的DOM 元素現在可以傳遞給appendChild()或用於其他DOM 操作任務，例如：

這將有效地將解析後的TML 字串作為DOM 元素附加到#container element.

注意： 將appendChild() 與透過DOMParser 取得的已解析DOM 元素一起使用非常重要，而不是直接附加原始HTML 字串，因為後者可能會導致安全漏洞。

以上是如何在 JavaScript 中安全地將原始 HTML 字串附加到 DOM？的詳細內容。更多資訊請關注PHP中文網其他相關文章！