table要素にある行（tr要素）を削除
table要素にある行（tr要素）を削除するには、element.deleteRowメソッドを使用します。
- ※ table要素だけでなく、thead要素やtbody要素、tfoot要素から削除することもできます。
- ※ table要素でdeleteRowメソッドを実行した場合は、thead要素、tbody要素、tfoot要素すべてから一致する要素を削除します。
構文
element.deleteRow(index);| 引数名 | 型 | 説明 | |
|---|---|---|---|
| 第一引数 必須 |
index | number | 追加する位置のインデックス番号 -1を指定すると最後を削除 |
サンプルコード
JavaScript
// table要素を取得
var tableElem = document.getElementById('sample-table');
// tbody要素にある最後の行（tr要素）を削除
tableElem.tBodies[0].deleteRow(-1);