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);
Contoh 2
Hapus baris yang Anda klik:
function deleteRow(r) { var i = r.parentNode.parentNode.rowIndex; document.getElementById("myTable").deleteRow(i); }
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); }
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 |