HTMLTableElement: deleteRow() 方法

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

HTMLTableElement.deleteRow() 方法用于从给定的 <table> 中移除指定的行 (<tr>)。

语法

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

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

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

结果

规范

规范
HTML # dom-table-deleterow-dev

浏览器兼容性

另见

HTMLTableSectionElement.deleteRow()

帮助改进 MDN

了解如何贡献

此页面最后修改于 ⁨2024年4月29日⁩，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的某个问题