Kumpulan sel TableRow

Objek DOM TableRow HTML

Definisi dan penggunaan

cells Kumpulan yang diembalikan mengembalikan semua <td> atau <th> Kumpulan elemen.

Keterangan:Elemen dalam kumpulan diurutkan mengikut urutan munculnya dalam kod asal.

Contoh

Contoh 1

Tunjukkan bilangan sel di baris pertama:

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

Cuba sendiri

Hasil x akan adalah:

2

Contoh 2: [index]

Outputkan innerHTML sel pertama di baris pertama dalam tabel:

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

Cuba sendiri

Contoh 3: item(index)

Outputkan innerHTML sel pertama di baris pertama dalam tabel:

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

Cuba sendiri

Contoh 4: namedItem(id)

Outputkan innerHTML sel dalam baris pertama dengan id="myTd":

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

Cuba sendiri

Contoh 5

Ubah kandungan sel pertama dalam tangah tabel:

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

Cuba sendiri

Sintaks

tableObject.cells

Atribut

Atribut Penerangan
length

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

Keterangan:Atribut ini adalah hanya-baca.

Kaedah

Kaedah Penerangan
[index]

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

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

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

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

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

Keterangan:Jika id tiada, kembalikan null.

Perincian Teknik

Versi DOM: Dokumen Objek Level 2 Core
Hasil Balik:

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

Elemen dalam kumpulan diurutkan mengikut urutan munculnya dalam kod asal.

Dukungan Pemetaan Peramban

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

Objek DOM TableRow HTML