如何在 JavaScript 中正確刪除 DOM 元素？

JavaScript：刪除 DOM 元素

建立和修改 DOM 元素是 JavaScript 程式設計的一個基本面向。在這種情況下，一個常見的任務是檢查元素是否存在，如果不存在則建立它，如果已經存在則刪除它。

檢查元素是否存在

所提供的程式碼使用 document.getElementById("injected_frame") 成功檢查是否存在 ID 為「injected_ame」的 ifframee。如果 iframe 存在，則其計算結果為非空引用。

建立元素

程式碼片段示範如何建立具有所需屬性的 iframe 元素。這涉及使用 setAttribute() 設定「id」、「src」、「width」和「height」屬性，然後使用appendChild() 將新元素附加到 DOM。

刪除元素

但是，如果 iframe 已存在，則嘗試刪除它時會出現問題。程式碼呼叫 iframe.removeChild(frameid.childNodes[0])，這是不正確的。在 JavaScript 中，removeChild() 方法應該會套用於要刪除的元素的父元素。

更正的代碼

刪除iframe 的更正代碼應該be:

<code class="javascript">if (frameid) {
    frameid.parentNode.removeChild(frameid);
}</code>

這可確保ID 為「injected_ameame」的if如果存在）成功從DOM 刪除。

以上是如何在 JavaScript 中正確刪除 DOM 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！