Contoh
Cari tahu berapa banyak sel yang ada di baris pertama dalam tabel:
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 sebuah tabel.
Note: Elemen-elemen dalam koleksi diurutkan seperti yang muncul dalam kode sumber.
Tip: Gunakan baris koleksi untuk kembali koleksi semua <tr> elemen dalam sebuah tabel.
Tip: Gunakan insertRow() metode untuk membuat baris baru (<tr>) .
Tip: Gunakan deleteRow() metode untuk menghilangkan berturut-turut.
Tip: Gunakan insertCell() metode untuk membuat sel baru (<td>) .
Tip: Gunakan deleteCell() metode untuk menghapus sel.
Dukungan Browser
| Koleksi | |||||
|---|---|---|---|---|---|
| cells | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
tableObject .cellsproperti
| 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 <table> elemen. Unsur-unsur dalam koleksi diurutkan seperti yang muncul dalam kode sumber |
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 " Pages terkait
Referensi HTML: HTML <td> tag
Referensi HTML: HTML <th> tag
Referensi JavaScript: HTML DOM TableData Obyek
Referensi JavaScript: HTML DOM TableHeader Obyek
<Table Object