当前位置:asp编程网>技术教程>Javascript教程>  正文

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

2019-12-21 16:39:29   来源:www.aspbc.com   作者:wangsdong   浏览量:2402   收藏
直接上代码:
<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>

关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网