TableRow deleteCell()メソッド
例
id = "myRow"のテーブル行から最初のセルを削除します。
var row = document.getElementById("myRow");
row.deleteCell(0);
定義と使用法
deleteCell()メソッドは、現在のテーブル行のセルを削除します。
ヒント:insertCell()メソッドを使用して、現在のテーブル行にセルを挿入します。
ブラウザのサポート
Method | |||||
---|---|---|---|---|---|
deleteCell() | Yes | Yes | Yes | Yes | Yes |
構文
tablerowObject.deleteCell(index)
パラメータ値
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer (starts at 0) that specifies the position of the cell to delete in the current row. The value of 0 results in that the first cell will be deleted. The value of -1 can also be used; which result in that the last cell will be deleted. If this parameter is omitted, deleteCell() removes the last cell in IE and the first cell in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
技術的な詳細
戻り値: | 戻り値はありません。 |
---|
その他の例
例
id = "myRow"を使用してテーブル行から最後のセルを削除します。
var row = document.getElementById("myRow");
row.deleteCell(-1);
例
id = "myRow"のテーブル行のインデックス位置1からセルを削除します。
var row = document.getElementById("myRow");
row.deleteCell(1);
例
最初のテーブル行の先頭にあるセルを削除します。テーブル行コレクション(.rows [0])は、IDが「myTable」のテーブル内のすべての<tr>要素のコレクションを返します。数値[0]は、この例では最初のテーブル行を取得する要素を指定します。次に、deleteCell()を使用して、インデックス位置0からセルを削除します。
var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);
例
id = "myRow"のテーブル行の先頭にコンテンツを含む新しいセルを挿入します。
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
❮TableRowオブジェクト