如何在不使用 InnerHTML 的情況下將 HTML 附加到容器元素？

在沒有InnerHTML 的情況下將HTML 附加到容器元素

當嘗試將HTML 附加到容器元素時，使用innerHTML 可能並不理想，因為它的替換現有內容的趨勢。若要避免此問題，請考慮使用 insertAdjacentHTML() 方法。

insertAdjacentHTML() 可以更好地控制新 HTML 的位置。它需要兩個參數：

• Position: 指示應附加字串的位置，可以選擇「beforebegin」、「afterbegin」、「beforeend」或「afterend」。在這種情況下，您可以使用“beforeend”附加到容器元素的末端。
• HTML 字串: 應新增的 HTML 內容。

用法範例：

var d1 = document.getElementById('one');
d1.insertAdjacentHTML('beforeend', '<div id="two">two</div>');

此方法可讓您附加HTML，而無需建立額外的span 標籤或取代現有內容，從而提供更有效率且一致的解決方案。

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