HTMLTableElement：deleteRow() 方法

基线 广泛可用

此功能已得到很好的确立，并且可在许多设备和浏览器版本上运行。自以下日期起，它在各个浏览器中都可用 2015 年 7 月.

HTMLTableElement.deleteRow() 方法从给定的 <table> 中删除特定行 (<tr>)。

语法

js
deleteRow(index)

参数

index

index 是一个整数，表示要删除的行。但是，可以使用特殊索引 -1 删除表格的最后一行。

返回值

无 (undefined)。

异常

IndexSizeError DOMException

如果 index 大于或等于可用行的数量，或者是一个除 -1 以外的负值，则抛出此异常。

示例

此示例使用 JavaScript 删除表格的第二行。

HTML

html
<table>
  <tr>
    <td>Cell 1.1</td>
    <td>Cell 1.2</td>
    <td>Cell 1.3</td>
  </tr>
  <tr>
    <td>Cell 2.1</td>
    <td>Cell 2.2</td>
    <td>Cell 2.3</td>
  </tr>
  <tr>
    <td>Cell 3.1</td>
    <td>Cell 3.2</td>
    <td>Cell 3.3</td>
  </tr>
</table>

JavaScript

js
let table = document.querySelector("table");

// Delete second row
table.deleteRow(1);

结果

规范

规范
HTML 标准
# dom-table-deleterow-dev

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅