テーブルdeleteRow()メソッド
例
テーブルの最初の行を削除します。
document.getElementById("myTable").deleteRow(0);
定義と使用法
deleteRow()メソッドは、指定されたインデックスの行をテーブルから削除します。
ヒント:insertRow()を使用 して、新しい行を作成して挿入します。
ブラウザのサポート
Method | |||||
---|---|---|---|---|---|
deleteRow() | Yes | Yes | Yes | Yes | Yes |
構文
tableObject.deleteRow(index)
パラメータ値
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer that specifies the position of the row to delete (starts at 0). The value of 0 results in that the first row will be deleted. The value of -1 can also be used; which result in that the last row will be deleted. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. If this parameter is omitted, deleteRow() removes the last row in IE and the first row in Chrome and Safari. |
技術的な詳細
戻り値: | 戻り値なし |
---|
その他の例
例
クリックした行を削除します。
function deleteRow(r) {
var i = r.parentNode.parentNode.rowIndex;
document.getElementById("myTable").deleteRow(i);
}
例
行の作成と削除:
function myCreateFunction() {
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteRow(0);
}
関連ページ
HTMLリファレンス:HTML <tr>タグ
❮テーブルオブジェクト