如何使用javascript从表中删除行？

我试着在javascript中单击按钮从表中删除行。我可以使用jquery这样做，但是可以使用纯香草javascript这样做吗

是否有方法使用click事件并删除行

$（“.delete”）。单击（函数（）{
$（this）.tr.remove（）；
});

一排
德尔
第2排
德尔
第3排
德尔
我为每个按钮添加了
onClick


函数删除行（按钮）{
const tr=button.parentNode.parentNode；
tr.parentNode.removeChild（tr）；
}

一排
德尔
第2排
德尔
第3排
德尔
您应该为every
Del
的
onclick
事件创建一个函数。当您单击它时，您应该会得到类似以下内容的
tr
父元素：

不要忘了在按钮的
onclick
事件中使用该函数


const-onDelete=（事件）=>{
const buttonElement=事件；
const tdElement=buttonElement.parentNode；
const treelement=tdElement.parentNode；
treelement.remove（）；
}

一排
德尔
第2排
德尔
第3排
德尔
jQuery中的所有内容都可以在普通javascript中复制。使用相同的html，我会这样做：


const buttons=document.querySelectorAll（'.delete'）；
const addRemoveListener=按钮=>{
按钮。addEventListener（“单击”，重新设置Listener）；
}
const removeListener=事件=>{
const button=event.currentTarget；
const cell=button.parentNode；
常量行=cell.parentNode；
row.remove（）；
}
按钮。forEach（addRemovelListener）

一排
德尔
第2排
德尔
第3排
德尔
这是否回答了您的问题？我觉得@P.E.Joëssel的答案更好，因为它更具描述性，添加事件侦听器比手动使用
onClick=“deleteRow（this）；”
potath，potahto重复您自己的操作要好