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 2015年7月.
HTMLTableElement.deleteRow() メソッドは、特定の行 (<tr>) をこの <table> から削除します。
構文
js
deleteRow(index)
引数
index-
indexは整数で、削除する行を表します。 ただし、特殊な値-1を使用すると、表の最後の行を削除することができます。
返値
なし (undefined)。
例外
IndexSizeErrorDOMException-
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
js
let table = document.querySelector("table");
// 2 番目の行を削除
table.deleteRow(1);
結果
仕様書
| Specification |
|---|
| HTML # dom-table-deleterow-dev |
ブラウザーの互換性
Loading…