如何在 JavaScript 中正确删除 DOM 元素？

JavaScript：删除 DOM 元素

创建和修改 DOM 元素是 JavaScript 编程的一个基本方面。在这种情况下，一个常见的任务是检查元素是否存在，如果不存在则创建它，如果已经存在则删除它。

检查元素是否存在

所提供的代码使用 document.getElementById("injected_frame") 成功检查是否存在 ID 为“injected_frame”的 iframe。如果 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_frame”的 iframe 元素（如果存在）成功从 DOM 中删除。

以上是如何在 JavaScript 中正确删除 DOM 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！