要使用 JavaScript 删除表格中的行，可以：获取要删除行的索引。使用 deleteRow() 方法删除行，传入要删除行的索引作为参数。
如何使用 JavaScript 删除表格中的行
要使用 JavaScript 删除表格中的行，可以使用 deleteRow() 方法。这个方法可以删除指定的行。以下是如何实现的步骤：
获取要删除行的索引：
使用 rowIndex 属性获取要删除行的索引。
<code class="js">const rowIndex = row.rowIndex;</code>
使用 deleteRow() 方法删除行：
使用 deleteRow() 方法删除行，传入要删除行的索引作为参数。
<code class="js">table.deleteRow(rowIndex);</code>
示例代码：
以下是一个示例代码，展示了如何使用 JavaScript 删除表格中的行：
<code class="html"><!DOCTYPE html>
<html>
<body>
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>城市</th>
</tr>
</thead>
<tbody>
<tr id="row-1">
<td>约翰</td>
<td>30</td>
<td>纽约</td>
</tr>
<tr id="row-2">
<td>玛丽</td>
<td>25</td>
<td>洛杉矶</td>
</tr>
<tr id="row-3">
<td>戴夫</td>
<td>40</td>
<td>旧金山</td>
</tr>
</tbody>
</table>
<button onclick="deleteRow()">删除第三行</button>
<script>
function deleteRow() {
const row = document.getElementById("row-3");
const rowIndex = row.rowIndex;
const table = row.parentElement;
table.deleteRow(rowIndex);
}
</script>
</body>
</html></code>单击按钮将删除表格中的第三行。
以上就是js怎么删除表格的某一行的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
329
收藏
