JS中如何删除li节点

方法1：使用remove()删除节点
remove()方法可用于删除父节点上的所有元素，包括所有文本和子节点。
示例：删除ul节点 上的所有子节点li
Html：

• Get Up in Morning
• Do some exercise
• Get Ready for school
• Study Daily
• Do homework

JS:
function deleteChild() {
var e = document.querySelector(“ul”);
var first = e.firstElementChild;
while (first) {
first.remove();
first = e.firstElementChild;
}
}
var btn = document.getElementById(“btn”).onclick = function () {
deleteChild();
}

效果前

效果后

方法2：使用removeChild()删除节点
removeChild() 方法用于删除父节点上的一个子节点。
示例：删除ul节点 上的所有子节点li
Html和JS

• Get Up in Morning
• Study Daily
• Do homework

function deleteChild() {
var e = document.querySelector(“ul”);
var child = e.lastElementChild;
while (child) {
e.removeChild(child);
child = e.lastElementChild;
}
}
var btn = document.getElementById(“btn”).onclick = function () {
deleteChild();
}

效果前

效果后

只是方法不一样，结果都是一样的。