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

如题所述

第1个回答  推荐于2017-10-08
<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="删除" onclick="deleteRow('tb',this)"/></td></tr>
<tr><td>第2行</td><td><input type="button" value="删除" onclick="deleteRow('tb',this)"/></td></tr>
<tr><td>第3行</td><td><input type="button" value="删除" onclick="deleteRow('tb',this)"/></td></tr>
<tr><td>第4行</td><td><input type="button" value="删除" onclick="deleteRow('tb',this)"/></td></tr>
</table>
</body>
</html>本回答被提问者采纳