当我们把文本域里面的值赋值给li的时候,多添加一个删除的链接
需要把所有链接获取过来,当我们点击当前的链接的时候,删除当亲链接所在的li
阻止链接跳转需要添加JavaScript:void(0);或者JavaScript:;
<body>
<button>删除</button>
<ul>
<li>张三</li>
<li>李四</li>
<li>王五</li>
</ul>
</body>
<script>
// 1.获取元素
let ul = document.querySelector("ul");
let 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 {
ul.removeChild(ul.children[0]);
}
};
</script>