用JavaScript删除一行

我已经编写了一个JavaScript代码来将食物添加到列表中。该行中的每种食物都有一个删除按钮。但如果我按下按钮，什么也不会发生。我在代码中找不到错误。我在newRow.innerHtml+=。。。使用id=“删除”。我还有一个deleteRow（元素）方法，但由于某些原因它不会删除。有人能帮我找到问题吗？

试验
桌子{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：50%；}
td，th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：2px；}
tr:n个孩子（偶数）{
背景色：#dddddd；}
食品
名称
成分
肉
素食主义者
素食主义者



新食品
姓名：
成分：



肉
素食主义者
素食主义者
羊草：
添加
let table=document.getElementById（“表”）；
document.addEventListener（'DOMContentLoaded'，registerCallbacks）；
函数registerCallbacks（）{
函数Add（）{
var newRow=document.createElement（'tr'）；
var name=document.getElementById（“name”）.value；
var成分=document.getElementById（“成分”）.value；
var pw=document.getElementById（“passwd”）.value；
var rObj=document.getElementsByName（“选择”）；
var vegene=rObj[1]。已选中；
var meat=rObj[0]。已选中；
var vegan=rObj[2]。已选中；
newRow.innerHTML+=“”+名称+“”+配料+“”+肉类+“”+素食者+“”+素食者+“”+“”+“”“删除行”
document.getElementById（“表”）.appendChild（newRow）；
}
var addButton=document.getElementById（'add'）；
addButton.addEventListener（'click'，函数（evt）{Add（）；evt.preventDefault（）；}）；
var deleteButton=document.getElementById（'delete'）；
deleteButton.addEventListener（'click'，函数（evt）{deleteRow（this）；evt.preventDefault（）；}）；
函数deleteRow（btn）{
var row=btn.parentNode.parentNode；
row.parentNode.removeChild（row）；
}
}
&抄袭；版权所有2017

这应该行得通

名称
成分
肉
素食主义者
素食主义者
新食品
姓名：
成分：



肉
素食主义者
素食主义者
羊草：
添加
var table=document.getElementById（“表格”）；
函数addRow（）{
var newRow=document.createElement（'tr'），
name=document.getElementById（“name”）.value，
配料=document.getElementById（“配料”）.value，
pw=document.getElementById（“passwd”）.value，
rObj=document.getElementsByName（“选择”），
素食者=rObj[1]。选中，
meat=rObj[0]。已选中，
vegan=rObj[2]。已检查；
newRow.innerHTML+=“”+名称+“”+配料+“”+肉类+“”+素食者+“”+素食者+“”+“”+“”“删除行”
document.getElementById（“表”）.appendChild（newRow）；
返回false；
}
函数deleteRow（btn）{
var row=btn.parentNode.parentNode；
row.parentNode.removeChild（row）；
返回false；
}

这应该行得通

名称
成分
肉
素食主义者
素食主义者
新食品
姓名：
成分：



肉
素食主义者
素食主义者
羊草：
添加
var table=document.getElementById（“表格”）；
函数addRow（）{
var newRow=document.createElement（'tr'），
name=document.getElementById（“name”）.value，
配料=document.getElementById（“配料”）.value，
pw=document.getElementById（“passwd”）.value，
rObj=document.getElementsByName（“选择”），
素食者=rObj[1]。选中，
meat=rObj[0]。已选中，
vegan=rObj[2]。已检查；
newRow.innerHTML+=“”+名称+“”+成分