kumpulan sel tabel

Objek DOM Table HTML

definisi dan penggunaan

cells kumpulan mengembalikan semua elemen <td> atau <th> didalam tabel.

Keterangan:Elemen dalam koleksi diurutkan menurut urutan munculnya di kode asli.

Petunjuk:gunakan kumpulan rows kembalikan kumpulan semua elemen <tr> didalam tabel.

Petunjuk:Gunakan metoden insertRow() buat baris baru (<tr>).

Petunjuk:Gunakan metoden deleteRow() hapus baris.

Petunjuk:Gunakan metoden insertCell() Buat sel baru (<td>).

Petunjuk:Gunakan Metode deleteCell() Hapus sel.

Lihat pula:

Panduan HTML:Tanda <td> HTML

Panduan HTML:Tanda <th> HTML

Panduan JavaScript:Objek DOM TableData HTML

Panduan JavaScript:Objek DOM TableHeader HTML

Contoh

Contoh 1

Tampilkan jumlah sel di baris pertama:

var x = document.getElementById("myTable").rows[0].cells.length;

Coba sendiri

Hasil x akan:

2

Contoh 2: [index]

Tampilkan innerHTML sel pertama di baris pertama tabel:

alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);

Coba sendiri

Contoh 3: item(index)

Tampilkan innerHTML sel pertama di baris pertama tabel:

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);

Coba sendiri

Contoh 4: namedItem(id)

Tampilkan innerHTML sel di baris pertama tabel dengan id="myTd":

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);

Coba sendiri

Contoh 5

Ubah konten sel pertama tabel:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "KONTEN BARU";

Coba sendiri

Sintaks

tableObject.cells

Atribut

Atribut Deskripsi
length

Kembalikan jumlah elemen <td> dan/atau <th> di dalam kumpulan.

Keterangan:Atribut ini hanya baca.

Metode

Metode Deskripsi
[index]

Kembalikan elemen <td> dan/atau <th> di dalam kumpulan dengan indeks yang ditentukan (mulai dari 0).

Keterangan:Jika nomor indeks melebihi rentang, kembalikan null.
item(index)

Kembalikan elemen <td> dan/atau <th> di dalam kumpulan dengan indeks yang ditentukan (mulai dari 0).

Keterangan:Jika nomor indeks melebihi rentang, kembalikan null.
namedItem(id)

Kembalikan elemen <td> dan/atau <th> dari kumpulan yang memiliki id yang ditentukan.

Keterangan:Jika id tidak ada, kembalikan null.

Detil Teknis

Versi DOM: Dokumen Object Level 2 Core
Nilai kembalian:

Objek HTMLCollection, merepresentasikan semua elemen <td> dan/atau <th> di dalam elemen <tr>.

Elemen dalam koleksi diurutkan menurut urutan munculnya di kode asli.

Dukungan peramban

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

Objek DOM Table HTML