js实现dom 删除节点或者节点上所有孩子实例

直接上代码：
<div id="aaa">
    <div>div内容</div>
    <ul>
        <li>dom第一个孩子</li>
        <li>本实例来源aspbc.com</li>
    </ul>
</div>
<button onclick="del()">删除div自身</button>
<button onclick="delchild()">删除div下所有孩子</button>
<script>
    function del(){
        var dom = document.getElementById("aaa");
        if(dom.hasChildNodes())
        {
            dom.parentNode.removeChild(dom);
        }
    }
    function delchild(){
        var dom = document.getElementById("aaa");
        if(dom.hasChildNodes())
        {
            var childs = dom.childNodes;
            for(var i = childs.length - 1;i >= 0; i--){
                dom.removeChild(childs[i]); //删除所有孩子
            }
        }
    }
</script>