节点操作（中）带例子（动态生产表格）超详细删除节点、复制节点（克隆节点）、

最新推荐文章于 2023-01-11 18:25:10 发布

懒得一批s

最新推荐文章于 2023-01-11 18:25:10 发布

阅读量298

点赞数

分类专栏： JavaScript #DOM 文章标签：节点操作

本文链接：https://blog.csdn.net/weixin_44797717/article/details/103220055

版权

节点操作

删除节点

格式：
node,removeChild(child)
node.removecChild()方法从DOM中删除一个子节点,返回删除的节点。
例子

<body>
    <ul>
        <li>
            别删我啊
        </li>
        <li>
            啊啊啊 不要啊~
        </li>
        <li>
            嘤
        </li>
    </ul>
    <button>删除</button>
    <script>
        //获取元素
    var ul = document.querySelector('ul');
    var btn = document.querySelector('button');
    //注册事件
    btn.onclick = function(){
   
        //判断里面有没有内容
        if(ul.children.length == 0){
   
            alert('什么东西都没有啊');
            //禁用按钮
            btn.disabled = true;
        }else{
   
        ul.removeChild(ul.children[0]);
        }
    }
    </script>
</body>

实现效果

在这里插入图片描述
接下来来一个进化版例子
删除发布的内容

<body>
   
    <button id="add">发布</button>
    <ul>
            <textarea cols="30"

最低0.47元/天解锁文章

懒得一批s

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
节点操作（中）带例子（动态生产表格）超详细删除节点、复制节点（克隆节点）、

节点操作删除节点格式：node,removeChild(child)node.removecChild()方法从DOM中删除一个子节点,返回删除的节点。例子<body> <ul> <li> 别删我啊 </li> <li> 啊...
复制链接

扫一扫