Question

我要添加带有删除按钮的列表项以列出列表，可以删除旧项，但是新添加的不能。

我尝试将事件侦听器另外添加到新列表项的“删除”按钮，但是我不能。

var deleteButtons = document.querySelectorAll(".delete");
deleteButtons.forEach(element => {
  element.addEventListener("click", deleteItem);
});

function deleteItem(e) {
  e.target.parentElement.parentElement.removeChild(e.target.parentElement);
}

我在Youtube上观看了Brad Traversy的dom视频，并尝试使删除项成为我自己的一部分。带注释的代码是布拉德的代码。在我的代码中，我尝试选择删除按钮并将其添加为eventListener。使用deleteItem功能，我可以删除旧列表项，但不能删除新添加的列表项。因为新添加的列表元素的删除按钮没有事件侦听器。我的问题是“在Brad版本中，如何将新添加到列表项中的具有事件监听器，而在我版本中，新添加的删除按钮还没有？”

代码：https://codepen.io/anon/pen/JQxGpv

如何将事件侦听器添加到新添加的元素？

0 个答案: