如何删除JavaScript中现有的HTML元素?

删除 现有的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