要删除 现有的HTML元素,必须使用 removeChild()。它从父元素中删除任何元素。
removeChild(element);
它以元素作为参数并将其从DOM中删除。
在下面的示例中,在div部分中,最初有2个文本。但是,当使用removeChild()方法时,这些文本之一将被删除,并且该节中仅保留一个文本。该文本显示在输出中。
<html>
<body>
<div id="new">
<p id="p1">Tutorix</p>
<p id="p2">Nhooo</p>
</div>
<script>
var parent = document.getElementById("new");
var child = document.getElementById("p1");
parent.removeChild(child);
</script>
</body>
</html>输出结果
Nhooo