Javascript 使用动态创建的按钮删除div

我正在用JavaScript做一个待办事项列表。我想删除一个带有按钮的div，该按钮是用JavaScript动态创建的。。我已经为该按钮分配了一个id，但我不知道如何访问它。有人能帮忙吗？ 我的代码如下：-

var Addnew=document.querySelector（'add#u new'）；
var-myDiv；
var按钮；
函数newDiv（）{
var body=document.getElementsByTagName（'body'）[0]；
myDiv=document.createElement（'div'）；
var userEntry=document.querySelector（'.newIn'）.value；
button=document.createElement（'button'）；
myDiv.className='item'；
myDiv.style.display='block'；
myDiv.innerHTML=userEntry；
button.style.display='block'；
button.innerHTML=“删除”；
setAttribute（'id'，'Remove'）；
button.style.marginLeft='280px'；
button.style.background='tomato'；
button.style.color='white'；
myDiv.appendChild（按钮）；
附体儿童（myDiv）；
}
document.getElementById（'Remove'）.addEventListener（'click'，function（）{
console.log（'done'）；
});
Addnew.addEventListener（'click'，function（）{
newDiv（）；
});
document.querySelector（'.newIn'）。addEventListener（'keydown'，函数（e）{
如果（e.which==13）{
newDiv（）；
}
});
。输入框{
文本对齐：居中；
利润率最高：7%；
}
.输入框>输入{
宽度：250px；
}
#新增{
背景色：rgb（44147124）；
颜色：白色；
宽度：70px；
左边距：5px；
}
h1{
文本对齐：居中；
字体系列：无衬线；；
}
.项目{
宽度：270px；
高度：35px；
边缘顶部：20px；
左缘：38%；
显示：无；
边框：0.5px脊绿色；
}
#除去{
显示：无；
}

待办事项清单
待办事项清单
添加
您已经将查询选择器与类语法一起使用，请尝试使用#添加，它应该可以正常工作

var userEntry=document.querySelector（'#newIn'）.value
 您已经将查询选择器与类语法结合使用，尝试添加#它应该可以正常工作

var userEntry=document.querySelector（'#newIn'）.value
 
var Addnew=document.querySelector（'add#u new'）；
var-myDiv；
var按钮；
函数newDiv（）{
var body=document.getElementsByTagName（'body'）[0]；
myDiv=document.createElement（'div'）；
var userEntry=document.querySelector（'.newIn'）.value；
button=document.createElement（'button'）；
myDiv.className='item'；
myDiv.style.display='block'；
myDiv.innerHTML=userEntry；
button.style.display='block'；
button.innerHTML=“删除”；
setAttribute（'id'，'Remove'）；
button.style.marginLeft='280px'；
button.style.background='tomato'；
button.style.color='white'；
myDiv.appendChild（按钮）；
附体儿童（myDiv）；
addEventListener（'click'，function（）{
console.log（'done'）；
});
}
Addnew.addEventListener（'click'，function（）{
newDiv（）；
});
document.querySelector（'.newIn'）。addEventListener（'keydown'，函数（e）{
如果（e.which==13）{
newDiv（）；
}
});
。输入框{
文本对齐：居中；
利润率最高：7%；
}
.输入框>输入{
宽度：250px；
}
#新增{
背景色：rgb（44147124）；
颜色：白色；
宽度：70px；
左边距：5px；
}
h1{
文本对齐：居中；
字体系列：无衬线；；
}
.项目{
宽度：270px；
高度：35px；
边缘顶部：20px；
左缘：38%；
显示：无；
边框：0.5px脊绿色；
}
#除去{
显示：无；
}

待办事项清单
待办事项清单
添加

var Addnew=document.querySelector（'add#u new'）；
var-myDiv；
var按钮；
函数newDiv（）{
var body=document.getElementsByTagName（'body'）[0]；
myDiv=document.createElement（'div'）；
var userEntry=document.querySelector（'.newIn'）.value；
button=document.createElement（'button'）；
myDiv.className='item'；
myDiv.style.display='block'；
myDiv.innerHTML=userEntry；
button.style.display='block'；
button.innerHTML=“删除”；
setAttribute（'id'，'Remove'）；
button.style.marginLeft='280px'；
button.style.background='tomato'；
button.style.color='white'；
myDiv.appendChild（按钮）；
附体儿童（myDiv）；
addEventListener（'click'，function（）{
console.log（'done'）；
});
}
Addnew.addEventListener（'click'，function（）{
newDiv（）；
});
document.querySelector（'.newIn'）。addEventListener（'keydown'，函数（e）{
如果（e.which==13）{
newDiv（）；
}
});
。输入框{
文本对齐：居中；
利润率最高：7%；
}
.输入框>输入{
宽度：250px；
}
#新增{
背景色：rgb（44147124）；
颜色：白色；
宽度：70px；
左边距：5px；
}
h1{
文本对齐：居中；
字体系列：无衬线；；
}
.项目{
宽度：270px；
高度：35px；
边缘顶部：20px；
左缘：38%；
显示：无；
边框：0.5px脊绿色；
}
#除去{
显示：无；
}

待办事项清单
待办事项清单
添加
您不应该使用“onclick”事件吗？onclick只是另一种方法。Click事件工作正常。我想在div中插入用户输入的值。您应该使用文本属性而不是innerHtml，那么您是在谈论textContent吗？我也试过了。它不起作用。你不应该使用“onclick”事件吗？onclick只是另一种方法。Click事件工作正常。我想在div中插入用户输入的值。您应该使用文本属性而不是innerHtml，那么您是在谈论textContent吗？我也试过了，没用，我改了。但我想在单击“删除”按钮时删除该div。我更改了该选项，但我只想知道如何选择我创建的按钮并用它删除一个div。document.getElementById（'remove'）。addEventListener（'click'，function（）{c