Javascript DOM删除列表

我正在尝试创建待办事项列表

我正在尝试访问图标标签，以便能够单击图标删除列表

如何在我的

if

条件中使用

e.target

，或以其他方式专门针对删除图标？我删除了其他代码，如添加任务等，只保留了删除的部分：

HTML:

JavaScript+DOM

伊万
对
不

JavaScript:

var ul=document.querySelector（“ul”）；
函数removeListAfterClick（e）{
if（e.target.parentElement.classList.contains（'fa-trash-alt'））{
console.log（'test'）；
}
e、 预防默认值（）；
}
ul.addEventListener（“点击”，点击后移除）；

您在此处以事件的parentElement为目标，但尝试访问目标子元素

querySelector可以查看元素列表

event.target.querySelector（'.fa trash alt'）

var ul=document.querySelector（'ul'）；
const icon=document.querySelector（'i.fa-trash-alt'）；
const iconClass=“fas fa trash alt”；
函数removeListAfterClick（e）{
e、 target.className.includes（iconClass）？icon.remove（）：null
e、 预防默认值（）；
}
ul.addEventListener（“点击”，点击后移除）

JavaScript+DOM


伊万
对
不


我是这样做的，它可以工作：


var myList = document.getElementsByClassName("list-group-item");


function removeListAfterClick(e){
  
    if(e.target.classList.contains('fa-trash-alt')){
      console.log(e.target.parentElement.parentElement.remove());

    }
    
  
  e.preventDefault();

}
for(let i=0; i<myList.length;i++){

  myList[i].addEventListener('click',removeListAfterClick);

}




var myList=document.getElementsByClassName（“列表组项”）；
函数removeListAfterClick（e）{
if（e.target.classList.contains（'fa-trash-alt'））{
log（e.target.parentElement.parentElement.remove（））；
}
e、 预防默认值（）；
}
对于（让i=0；i
e.target.querySelector（“i.fas.fa trash alt”）.remove（）；
我尝试使用event.target.querySelector（'.fa trash alt'）以图标为目标，但当我尝试单击图标时，它不会执行任何操作。如果我单击名称Ivan下方的console.log（'test'））已打印出来。如何将图标定位到其自身更新的比较并删除元素