节点操作-2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button>删除</button>
<ul>
<li>第1</li>
<li>第2</li>
<li>第3</li>
</ul>
<script>
// 获取元素
var ul = document.querySelector('ul');
var btn = document.querySelector('button');
// 删除元素
// ul.removeChild(ul.children[0]);
// 点击按钮 依次删除里面的元素
btn.onclick = function() {
if (ul.children.length == 0) {
this.disabled = true;
} else {
ul.removeChild(ul.children[0]);
}
}
</script>
</body>
</html>