在JS表格中怎么删除一行（不是指定行，而是我表格中每行后面都有一个删除按钮，按其中一个按钮就删除那一行

本文链接：https://blog.csdn.net/k_1991/article/details/41278129

<html>
<head>
<title>table-js删除行</title>
</head>
<body>
<script type="text/javascript">
function deleteRow(tableID, obj) {//参数为表格ID，触发对象
    //获得触发对象的行号，parentElement的个数取决于触发对象为TR的第几级子项，input=>td=>tr，所以parentElement有两个
    var rowIndex = obj.parentElement.parentElement.rowIndex;
    //var table = document.getElementById(tableID).deleteRow(rowIndex);
    obj.parentElement.parentElement.parentElement.deleteRow(rowIndex); //再简化：省略tableID参数
}
</script>
<table id="tb" border="1px">
<tr><td>第1行</td><td><input type="button" value="删除" οnclick="deleteRow('tb',this)"/></td></tr>
<tr><td>第2行</td><td><input type="button" value="删除" οnclick="deleteRow('tb',this)"/></td></tr>
<tr><td>第3行</td><td><input type="button" value="删除" οnclick="deleteRow('tb',this)"/></td></tr>
<tr><td>第4行</td><td><input type="button" value="删除" οnclick="deleteRow('tb',this)"/></td></tr>
</table>
</body>
</html>