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 上檢視此頁面 • 報告此內容的某個問題