Day24

1.1. 节点操作


1.1.1 删除节点 ***


(01-节点操作-删除节点.avi)


语法


  node.removeChild(child)


  说明:node.removeChild() 方法从 node节点中删除一个子节点,返回删除的节点。


例子


    <button>删除</button>

    <ul>

        <li>熊大</li>

        <li>熊二</li>

        <li>光头强</li>

    </ul>

    <script>

        // 1.获取元素

        var ul = document.querySelector('ul');

        var btn = document.querySelector('button');

        // 2. 删除元素  node.removeChild(child)

        // ul.removeChild(ul.children[0]);

        // 3. 点击按钮依次删除里面的孩子

        btn.onclick = function() {

            if (ul.children.length == 0) {

                this.disabled = true;

            } else {

                //注意:每次点击都是删除第一个

                //第一次删除3个里边的第一个,删除之后原来的1,2变为0,1,所以在次删除还是删除0

                ul.removeChild(ul.children[0]);

            }

        }

    </script>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容