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
サポート サポート サポート サポート サポート