HTMLTableElement: deleteRow() メソッド

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTMLTableElement.deleteRow() メソッドは、特定の行 (<tr>) をこの <table> から削除します。

構文

deleteRow(index)

引数

index: index は整数で、削除する行を表します。ただし、特殊な値 -1 を使用すると、表の最後の行を削除することができます。

返値

なし (undefined)。

例外

IndexSizeError DOMException: index が利用可能な行数以上である場合、あるいは負の数で、表の最終行を表す特別な値 -1 ではない場合に発生します。

例

この例は、 JavaScript を使用して表の 2 番目の行を削除します。

HTML

html

<table>
  <tr>
    <td>セル 1.1</td>
    <td>セル 1.2</td>
    <td>セル 1.3</td>
  </tr>
  <tr>
    <td>セル 2.1</td>
    <td>セル 2.2</td>
    <td>セル 2.3</td>
  </tr>
  <tr>
    <td>セル 3.1</td>
    <td>セル 3.2</td>
    <td>セル 3.3</td>
  </tr>
</table>

JavaScript

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

// 2 番目の行を削除
table.deleteRow(1);

結果

仕様書

Specification
HTML # dom-table-deleterow-dev