如何删除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