如何在不使用「div.innerHTML」的情況下將 HTML 附加到 DOM？

在不使用div.innerHTML 的情況下將HTML 附加到DOM

當嘗試將HTML 字串附加到DOM 時，div.innerHTML = str 的典型方法看起來像方便，但由於潛在的安全隱患，常常不鼓勵這樣做。此問題探討了將 HTML 字串附加到特定元素的替代解決方案。

在這種情況下，任務是附加 HTML 字串

只是一些 文字這裡

到

;具有 ID 測試的元素。要實現此目的，首選方法是利用所有現代瀏覽器支援的 insertAdjacentHTML 方法。

具體操作方法如下：

div.insertAdjacentHTML('beforeend', str);

insertAdjacentHTML 方法採用兩個參數：

• 位置：指示在目標元素中插入 HTML 內容的位置。在這種情況下，beforeend 將內容加入元素內的最後一個子元素之後。
• HTMLString：要插入的 HTML 字串。

使用 div.insertAdjacentHTML('beforeend', str) 確保 HTML 字串附加在

內。元素，維護 DOM 結構，同時避免使用 innerHTML 相關的潛在安全問題。

可以在此處找到此解決方案的現場演示：http://jsfiddle.net/euQ5n/

以上是如何在不使用「div.innerHTML」的情況下將 HTML 附加到 DOM？的詳細內容。更多資訊請關注PHP中文網其他相關文章！