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