Metode Table deleteRow()

Definisi dan penggunaan

deleteRow() Metode untuk menghapus baris di indeks yang ditentukan dari tabel.

Petunjuk:Gunakan insertRow() Membuat dan memasukkan baris baru.

Lihat pula:

Panduan HTML:Tanda <tr> HTML

Contoh

Contoh 1

Hapus baris pertama dalam tabel:

document.getElementById("myTable").deleteRow(0);

Coba sendiri

Contoh 2

Hapus baris yang Anda klik:

function deleteRow(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

Coba sendiri

Contoh 3

Membuat dan menghapus baris:

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);
}

Coba sendiri

Sintaksis

tableObject.deleteRow(index)

Nilai parameter

Parameter Deskripsi
index

Diperlukan di Firefox dan Opera, secara pilihan di IE, Chrome dan Safari.

Bilangan bulat, menentukan posisi baris yang akan dihapus (dari 0 mulai).

Nilai 0 akan menghapus baris pertama.

Juga dapat digunakan nilai -1, yang akan menghapus baris terakhir.

Jika parameter ini dilewati, deleteRow() akan menghapus baris terakhir di IE, dan baris pertama di Chrome dan Safari.

Nilai kembalian:

Tidak ada nilai kembalian.

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan