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);