Javascript:事件侦听器不工作

我是一名javascript初学者，试图创建一个简单的列表，用户可以在其中添加或删除项目。向列表中添加项可以工作，但事件侦听器无法删除项

txt=document.getElementById（'txt_input'）；
submit=document.getElementById（'txt_submit'）；
removeBtn=document.getElementsByClassName（'remove'）；
window.onload=txt.focus（）；
submit.onclick=addToList；
对于（变量i=0；i

您有两个主要问题 您正在使用未声明的变量

事件

function removeFromList(e) {
  event.target.parentNode.outerHTML = "";
  ^

您需要将

click

事件绑定到新元素

看看这个代码片段和这些修复程序。

txt=document.getElementById（'txt_input'）；
submit=document.getElementById（'txt_submit'）；
removeBtn=document.getElementsByClassName（'remove'）；
window.onload=txt.focus（）；
submit.onclick=addToList；
对于（变量i=0；i

您有两个主要问题 您正在使用未声明的变量

事件

function removeFromList(e) {
  event.target.parentNode.outerHTML = "";
  ^

您需要将

click

事件绑定到新元素

看看这个代码片段和这些修复程序。

txt=document.getElementById（'txt_input'）；
submit=document.getElementById（'txt_submit'）；
removeBtn=document.getElementsByClassName（'remove'）；
window.onload=txt.focus（）；
submit.onclick=addToList；
对于（变量i=0；i

txt=document.getElementById（'txt_input'）；
window.onload=txt.focus（）；
函数removeFromList（e）{
e、 target.parentNode.outerHTML=“”；
txt.focus（）；
}
函数createRemoveButton（父级）{
var listBtn=document.createElement（'input'）；
setAttribute（'type'，'submit'）；
setAttribute（'value'，'Remove'）；
setAttribute（'class'，'remove'）；
listBtn.style.marginLeft='20px'；
listBtn.addEventListener（'click'，removeFromList）
parent.appendChild（listBtn）；
}
var列表；
函数addToList（）{
if（document.querySelector（“ul”）==null）{
列表=document.createElement（'ul'）；
}
var listItem=document.createElement（'li'）；
var txtNode=document.createTextNode（txt.value）；
appendChild（txtNode）；
createRemoveButton（列表项）；
list.appendChild（listItem）；
文件.正文.附件（列表）；
txt.value=''；
txt.focus（）；
}

txt=document.getElementById（'txt_input'）；
window.onload=txt.focus（）；
函数removeFromList（e）{
e、 target.parentNode.outerHTML=“”；
txt.focus（）；
}
函数createRemoveButton（父级）{
var listBtn=document.createElement（'input'）；
setAttribute（'type'，'submit'）；
setAttribute（'value'，'Remove'）；
setAttribute（'class'，'remove'）；
listBtn.style.marginLeft='20px'；
listBtn.addEventListener（'click'，removeFromList）
parent.appendChild（listBtn）；
}
var列表；
函数addToList（）{
if（document.querySelector（“ul”）==nul