kumpulan sel tabel

Objek DOM Table HTML

definisi dan penggunaan

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

Keterangan:Elements in the collection are sorted in the order they appear in the source code.

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

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

Petunjuk:Gunakan metoden deleteRow() hapus baris.

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

Petunjuk:Gunakan Metode deleteCell() Hapus sel.

Lihat Juga:

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 menjadi:

2

Contoh 2: [index]

Outputkan innerHTML sel pertama di baris pertama tabel:

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

Coba Sendiri

Contoh 3: item(index)

Outputkan innerHTML sel pertama di baris pertama tabel:

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

Coba Sendiri

Contoh 4: namedItem(id)

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

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

Keterangan:Atribut ini hanya baca.

Metode

Metode Deskripsi
[index]

Kembalikan elemen <td> dan/atau <th> yang memiliki indeks yang ditentukan di dalam koleksi (dari 0).

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

Kembalikan elemen <td> dan/atau <th> yang memiliki indeks yang ditentukan di dalam koleksi (dari 0).

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

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

Keterangan:Jika id tidak ada, kembalikan null.

Detil Teknik

Versi DOM: Dokumen Object Level 2 Core
Hasil pengembalian:

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

Elements in the collection are sorted in the order they appear in the source code.

Browser Support

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

Objek DOM Table HTML