js 删除节点小案例

node.removeChild(child)   //从DOM中删除一个子节点，返回删除的节点

先写HTML

 <button>删除</button>
    <ul>
        <li>德玛西亚</li>
        <li>艾欧尼亚</li>
        <li>扭曲丛林</li>
    </ul>

获取按钮和ul 

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

 创建鼠标点击事件

首先判断ul里面的长度是否已经删除完了，若删除完了，就禁用按钮

 btn.onclick = function () {
            if (ul.children.length == 0) {  //获取ui里面的长度
                this.disabled = true           //若已近全部删除就禁用按钮
            } else {
                ul.removeChild(ul.children[0])   // 将li从前往后删除
            }
        }