parentList中的第一个“元素”是空格.您可以通过控制台在事件侦听器中记录元素来查看此信息.
因此,您只需要过滤掉父项中的li元素.
document.getElementById("delete").onclick = function() {
var listItems = document.querySelectorAll("#parentList > li");
if (listItems.length > 0) {
listItems[0].remove();
}
};
您还可以使用parentList.firstElementChild而不是parentList.firstChild,它会过滤掉任何无效节点(空白).
这方面的一个例子
var parentList = document.getElementById("parentList");
document.getElementById("delete").onclick = function() {
parentList.removeChild(parentList.firstElementChild);
};