<body>
<button>删除</button>
<ul>
<li>熊大</li>
<li>熊二</li>
<li>光头强</li>
<img src="../2/images/lxl.jpg" alt="">
<img src="../2/images/xy.jpg" alt="">
<img src="../2/images/user.jpg" alt="">
</ul>
<script>
var btn=document.querySelector('button');
var ul=document.querySelector('ul');
// remove(children)删除所有孩子
// ul.remove(ul.children[0]);
// ul.removeChild(ul.children[0]);//删除第一个孩子
btn.onclick=function(){
// 如果ul的孩子的长度是0
if (ul.children.length==0) {
btn.disabled=true;//让按钮变灰
}else{
ul.removeChild(ul.children[0]);
}
}
</script>
结果就是点击按钮。ul中的li会依次被删除