Metode TableRow deleteCell()

Objek DOM TableRow HTML

Definisi dan penggunaan

deleteCell() Metode untuk menghapus sel dalam baris tabel sekarang.

Petunjuk:Gunakan Metode insertCell() Masukkan sel baru di baris tabel sekarang.

Lihat juga:

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 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.

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

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

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

Coba sendiri

Contoh 5

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

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

Coba sendiri

Syntax

tablerowObject.deleteCell(index)
Parameter Description
index

Diperlukan di Firefox dan Opera, boleh dipilih di IE, Chrome dan Safari.

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

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

If this parameter is omitted, deleteCell() will delete the last cell in IE and the first cell in Chrome and Safari.

Technical Details

Return value:

No return value.

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Objek DOM TableRow HTML