在不使用InnerHTML 的情況下將HTML 附加到DOM
將HTML 字串附加到DOM 時，您可能會遇到使用div.innerHTML = 的情況str;是不可接受的。在這種情況下，您可以利用所有現代瀏覽器都支援的 insertAdjacentHTML 方法。
要將HTML 字串附加到ID 為「test」的div，您可以使用以下程式碼：
var str = '<p>Just some <span>text</span> here</p>';
var div = document.getElementById('test');
div.insertAdjacentHTML('beforeend', str);insertAdjacentHTML 方法可讓您在指定元素末尾之前插入HTML 字串，確保其插入到元素內部。 「beforeend」位置參數指定 HTML 應加在元素的最後一個子元素之後。
透過利用 insertAdjacentHTML 方法，您可以使用通用且高效的方法將 HTML 附加到 DOM，而無需借助innerHTML 屬性，在某些情況下可能會產生效能影響和安全漏洞。
以上是如何在不使用innerHTML的情況下將HTML附加到DOM？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
