tutorial pengembangan web terbaru
 

Koleksi sel TableRow

<TableRow Object

Contoh

Menunjukkan jumlah sel pada baris pertama:

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

Hasil x akan:

2
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Koleksi sel mengembalikan koleksi semua <td> atau <th> elemen dalam baris tabel.

Note: Elemen-elemen dalam koleksi diurutkan seperti yang muncul dalam kode sumber.

Dukungan Browser

Koleksi
cells iya nih iya nih iya nih iya nih iya nih

Sintaksis

tableObject .cells

properti

Milik Deskripsi
length Mengembalikan jumlah <td> dan / atau <th> elemen dalam koleksi.

Catatan: Properti ini read-only

metode

metode Deskripsi
[ index ] Mengembalikan <td> dan / atau <th> elemen dari koleksi dengan indeks tertentu (starts at 0) .

Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan
item( index ) Mengembalikan <td> dan / atau <th> elemen dari koleksi dengan indeks tertentu (starts at 0) .

Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan
namedItem( id ) Mengembalikan <td> dan / atau <th> elemen dari koleksi dengan id tertentu.

Catatan: Mengembalikan null jika id tidak ada

Rincian teknis

DOM Versi: Inti Level 2 Document Object
Kembali Nilai: Sebuah HTMLCollection Object, yang mewakili semua <td> dan / atau <th> elemen dalam <tr> elemen. Unsur-unsur dalam koleksi diurutkan seperti yang muncul dalam kode sumber
contoh

Contoh lebih

Contoh

[Index]

Waspada innerHTML dari sel pertama di baris pertama tabel:

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

Contoh

item( index )

Waspada innerHTML dari sel pertama di baris pertama tabel:

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

Contoh

namedItem( id )

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

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

Contoh

Mengubah isi sel tabel pertama:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
Cobalah sendiri "
<TableRow Object