JavaScript怎么删除所有节点?

1 个回答|113 次阅读
Coco老师 - 科普专家
擅长:编程教育

javascript删除所有节点的方法:首先获取父节点;然后使用firstElementChild属性根据父节点获取第一个子节点;**后使用while循环和“子节点.remove()”语句,循环遍历删除所有子节点即可。

javascript删除所有节点

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
   
<body>
    <ul style="border: 2px dashed #006DAF;">
        <li>Get Up in Morning</li>
        <li>Do some exercise</li>
        <li>Get Ready for school</li>
        <li>Study Daily</li>
        <li>Do homework</li>
    </ul>
    <input id="btn" type="button" value="删除子节点">
</body>
<script>
    function deleteChild() {
        var e = document.querySelector("ul");
        var first = e.firstElementChild;
        while (first) {
            first.remove();
            first = e.firstElementChild;
        }
    }
    var btn = document.getElementById("btn").onclick = function() {
        deleteChild();
    }
</script>
   
</html>