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>