效果图
结构
<button>删除</button>
<ul>
<li></li>
<li>大鼎</li>
<li>旱情</li>
<li>少主</li>
</ul>
JS
// 获取元素
var ul = document.querySelector('ul');
var btn = document.querySelector('button');
// 删除元素 node.removeChild(child)
ul.removeChild(ul.children[0]);
// 点击按钮一次删除里面的孩子
btn.onclick = function ()
{
if (ul.children.length == 0)
{
this.disabled = true;
} else
{
ul.removeChild(ul.children[0]);
}
}