定義と使用法
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>タグ
<テーブルオブジェクト