按钮点两次html,javascript – 按钮需要单击两次才能触发onclick

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);

};