删除JavaScript中特定元素的子节点?
为了删除列表的子节点,javascript提供了removeChild()方法。使用此方法,我们可以使用其索引位置删除任何列表项。让我们简要地讨论一下。
语法
node.removeChild(node);
示例1
在下面的示例中,提供的列表中有3个元素,但是在删除子元素之后,列表中只有两个元素,它们显示在输出中。
<html> <body> <ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul> <script> var list = document.getElementById("list"); list.removeChild(list.childNodes[1]); </script> </body> </html>
输出结果
Tesla Solarcity
示例2
在下面的示例中,提供的列表中有3个元素,但是在使用方法removeChild()删除第一个孩子之后,剩下的其余两个元素将显示,如输出所示。
<html> <body> <ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul> <script> var list = document.getElementById("list"); list.removeChild(list.childNodes[0]); </script> </body> </html>
输出结果
Spacex Solarcity