最新のWeb開発のチュートリアル
 

deleteRow() Method

<テーブルオブジェクト

表の最初の行を削除します。

document.getElementById("myTable").deleteRow(0);
»それを自分で試してみてください

定義と使用法

deleteRow()メソッドは、テーブルから指定されたインデックスの行を削除します。

ヒント:使用insertRow()新しい行を作成して挿入するように。


ブラウザのサポート

方法
deleteRow() はい はい はい はい はい

構文

tableObject .deleteRow( パラメータ値
説明
index IE、ChromeとSafariでのオプションは、FirefoxとOperaには必須です。 削除する行の位置を指定する整数(0から始まります)。 その最初の行の0結果の値が削除されます。

-1の値を使用することもできます。 最後の行が削除されることをもたらしています。

このパラメータは、Internet Explorer、ChromeとSafariでのFirefoxとOperaに必要ですが、オプションです。

このパラメータが省略された場合、 deleteRow() IEの最後の行とChromeとSafariの最初の行を削除します。

技術的な詳細

戻り値: 戻り値なし

その他の例

クリックした行を削除します。

function deleteRow(r) {
    var i = r.parentNode.parentNode.rowIndex;
    document.getElementById("myTable").deleteRow(i);
}
»それを自分で試してみてください

作成および削除row(s)

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>タグ


<テーブルオブジェクト