Metode TableRow deleteCell()

Objek TableRow DOM HTML

Definisi dan penggunaan

deleteCell() Metode menghapus sel di baris tabel saat ini.

Petunjuk:Gunakan Metode insertCell() Masukkan sel di baris tabel saat ini.

Lihat pula:

Panduan HTML:Tanda <tr> HTML

Contoh

Contoh 1

Hapus sel pertama di baris tabel dengan id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(0);

Coba sendiri

Contoh 2

Hapus sel terakhir di baris tabel dengan id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(-1);

Coba sendiri

Contoh 3

Hapus sel dari posisi indeks 1 di baris tabel dengan id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(1);

Coba sendiri

Contoh 4

Hapus sel di awal baris tabel pertama.

Koleksi rows tabel (.rows[0]) mengembalikan koleksi semua elemen <tr> yang ada di dalam tabel dengan id "myTable". Angka [0] menentukan elemen yang akan diambil, di contoh ini adalah baris tabel pertama.

Lalu kami menggunakan deleteCell() untuk menghapus sel dari posisi indeks 0:

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);

Coba sendiri

Contoh 5

Masukkan sel baru yang berisi konten di awal baris tabel dengan id="myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "sel baru";

Coba sendiri

Syarat

tablerowObject.deleteCell(index)
Parameter Deskripsi
index

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

Bilangan bulat (dari 0), menentukan posisi sel yang akan dihapus dalam baris saat ini.

Nilai 0 akan menghapus sel pertama. Juga dapat digunakan nilai -1, yang akan menghapus sel terakhir.

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

Detil Teknis

Nilai kembalian:

Tidak ada nilai kembalian.

Dukungan Peramban

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

Objek TableRow DOM HTML