TableRow deleteCell()メソッド
定義と使用法
deleteCell()
メソッドは現在のテーブル行からセルを削除します。
ヒント:使用してください insertCell()メソッド 現在のテーブル行にセルを挿入します。
参照してください:
HTMLリファレンスマニュアル:HTML <tr> タグ
例
例1
id="myRow"のテーブル行から最初のセルを削除します:
var row = document.getElementById("myRow"); row.deleteCell(0);
例2
id="myRow"のテーブル行から最後のセルを削除します:
var row = document.getElementById("myRow"); row.deleteCell(-1);
例3
id="myRow"のテーブル行からインデックス位置1のセルを削除します:
var row = document.getElementById("myRow"); row.deleteCell(1);
例4
最初のテーブル行の先頭のセルを削除します。
テーブルのrowsコレクション(.rows[0])は、idが"myTable"のテーブルに含まれるすべての<tr>要素のコレクションを返します。数字[0]は、検索する要素を指定します。この例では、最初のテーブル行です。
その後、deleteCell()を使用してインデックス位置0からセルを削除します:
var firstRow = document.getElementById("myTable").rows[0]; firstRow.deleteCell(0);
例5
id="myRow"のテーブル行の先頭に内容を持つ新しいセルを挿入します:
var row = document.getElementById("myRow"); var x = row.insertCell(0); x.innerHTML = "新しいセル";
文法
tablerowObject.deleteCell(index)
パラメータ | 説明 |
---|---|
index |
FirefoxおよびOperaでは必須ですが、IE、Chrome、Safariではオプションです。 整数(0から始まる)、現在の行内での削除するセルの位置を指定します。 値0は最初のセルが削除されることを示します。-1の値を使用することもできます。これにより、最後のセルが削除されます。 このパラメータを省略すると、deleteCell() は IE で最後のセル、Chrome と Safari で最初のセルを削除します。 |
技術的な詳細
戻り値:
戻り値はありません。
ブラウザのサポート
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
サポート | サポート | サポート | サポート | サポート |