跳转到内容

JavaScript/Removing elements

维基教科书,自由的教学读本

在JavaScript中,一个元素只能从其父元素中删除。 要删除一个,您必须获取元素,找到它的父元素,然后使用 removeChild 方法将其删除。[1]

例如,一个HTML文档看起来:

<div id="parent">
    <p id="child">I'm a child!</p>
</div>

您需要删除 ID 为“child”的元素的代码是:

// get elements
var child = document.getElementById("child");
var parent = document.getElementById("parent");

// Delete child
parent.removeChild(child);

您可以使用子元素的parentNode属性来自动查找其父元素,而不是手动获取父元素。 上述 HTML 文档上的代码如下所示:

// Get the child element node
var child = document.getElementById("child");

// Remove the child element from the document
child.parentNode.removeChild(child);

参考文献

[编辑]