javaScript 删除DOM节点

删除DOM节点

<div id="father">
        <h1>标题1</h1>
        <p id="p1">p1</p>
        <p class="p2">p2</p>
    </div>

    <script>
        //获得删除节点
        var self = document.getElementById("p1");
        //获得删除子节点的父节点
        var father = self.parentElement;
        //通过父节点删除子节点
        father.removeChild(p1);

        //删除是一个动态的过程；0下标一直存在，最后一个下标会消失，下面是错的
        father.removeChild(father.children[0]);
        father.removeChild(father.children[1]);
        father.removeChild(father.children[2]);

    </script>