如何删除表格行？？？？

最新推荐文章于 2022-05-01 12:00:00 发布

原创最新推荐文章于 2022-05-01 12:00:00 发布 · 5.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#function #table

JavaScript 专栏收录该内容

19 篇文章

订阅专栏

博客聚焦信息技术中表格操作问题，主要探讨如何删除表格行，为相关操作提供思路。

如何删除表格行？？？？

第1行	删除本行
第2行	删除本行
第3行	删除本行
第4行	删除本行

<script>
function deleteRow (tableID, rowIndex) {
  var table =document.all[tableID]
  table.deleteRow(rowIndex);
} 
</script>
<table id=mxh border=1>
<tr>
<td>第1行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
</tr>
<tr>
<td>第2行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
</tr>
<tr>
<td>第3行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
</tr>
<tr>
<td>第4行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
</tr>
</table>