如何在JavaScript中单击按钮从DOM中删除行？

我有一个HTML代码，如下所示。我从DOM复制了它，它是通过php生成的

<div class="house-senate-committee" style="text-align:center; margin-top:15px;">
    <button type="button" onclick="removeRow()" name="delete_row[]" style="margin-right:10px;" value="">Delete</button>
    <input type="text" name="code[]" style="margin-right:10px;" value="AEFA">
    <input type="text" name="en_desc[]" value="Foreign Affairs and International Trade">
</div>

<div class="house-senate-committee" style="text-align:center; margin-top:15px;">
    <button type="button" onclick="removeRow()" name="delete_row[]" style="margin-right:10px;" value="">Delete</button>
    <input type="text" name="code[]" style="margin-right:10px;" value="AGFO">
    <input type="text" name="en_desc[]" value="Agriculture and Forestry">
</div>

---

如果将按钮更改为具有

onclick=“removeRow（this）”

，则可以按如下所示重写

removeRow

，以在单击按钮时删除该按钮的div

函数删除程序（el）{
el.parentNode.remove（）；
}

删除
删除

您可以使用来实现它，如下所示

函数删除程序（元素）{
$（元素）。最近（“.众议院参议院委员会”）。删除（）；
}

删除
删除

在您的案例中更改标记是一个选项吗？很遗憾，我们无法更改DOM（HTML）。如果它成为一个选项，我建议将标记/样式/逻辑分开。这是一个基于你问题中代码的答案。这是否回答了你的问题？如果您需要任何帮助，请告诉我@flash谢谢您的帮助。我已经抄写了答案，它正按照我的预期工作。我在上面的问题中提到的DOM是通过php生成的。这是我用来生成上面DOM的。单击Delete按钮，它会从DOM中删除行，但在刷新页面时，删除的行会再次返回，因为所有内容都是从JSON中提取的。这里是JSON中的内容，我有{“代码”：[“AEFA”，“AGFO”]，“en_desc”：[“外交和国际贸易”，“农业和林业”]}我的问题是点击一个删除按钮，它是通过JS代码从DOM中删除行，但在刷新页面时，删除的行再次返回。我想知道我需要添加什么php代码，这样在保存表单时，它会从JSON数组中删除被删除行的值。下面是生成上面DOM的更新代码。我也发布了。

function removeRow() {
 document.queryselector(".house-senate-committee").remove();
}