tutorial pengembangan web terbaru
 

TableRow deleteCell() Method

<TableRow Object

Contoh

Hapus pertama cell(s) dari baris tabel dengan id = "myrow":

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

Definisi dan Penggunaan

The deleteCell() metode menghapus sel dalam baris tabel saat ini.

Tip: Gunakan insertCell() metode untuk menghapus sel dalam baris tabel saat ini.


Dukungan Browser

metode
deleteCell() iya nih iya nih iya nih iya nih iya nih

Sintaksis

tablerowObject .deleteCell( Nilai parameter
Nilai Deskripsi
index Diperlukan di Firefox dan Opera, opsional di IE, Chrome dan Safari. Integer (starts at 0) yang menentukan posisi sel untuk menghapus pada baris saat ini. Nilai 0 hasil bahwa sel pertama akan dihapus. Nilai -1 juga dapat digunakan; yang menghasilkan bahwa sel terakhir akan dihapus.

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

Parameter ini diperlukan di Firefox dan Opera, tapi opsional di Internet Explorer, Chrome dan Safari.

Rincian teknis

Kembali Nilai: Tidak ada nilai kembali.

Contoh lebih

Contoh

Hapus yang terakhir cell(s) dari baris tabel dengan id = "myrow":

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

Contoh

Hapus cell(s) dari posisi indeks 1 dalam baris tabel dengan id = "myrow":

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

Contoh

Hapus cell(s) pada awal baris tabel pertama. Tabel baris koleksi (.rows[0]) mengembalikan koleksi semua <tr> elemen dalam tabel dengan id "myTable" . Jumlah tersebut [0] menentukan elemen untuk mengambil, dalam contoh ini, baris tabel pertama. Kemudian kita menggunakan deleteCell() untuk menghapus sel-sel dari posisi indeks 0:

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

Contoh

Sisipkan baru cell(s) dengan konten pada awal baris tabel dengan id = "myrow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Cobalah sendiri "

<TableRow Object