要使用 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>单击按钮将删除表格中的第三行。
