Contoh
Cari tahu berapa banyak baris ada dalam sebuah tabel:
var x = document.getElementById("myTable").rows.length;Hasil x akan:
2 Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Baris koleksi mengembalikan koleksi semua <tr> elemen dalam sebuah tabel.
Note: Elemen-elemen dalam koleksi diurutkan seperti yang muncul dalam kode sumber.
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.
Tip: Gunakan sel koleksi untuk kembali koleksi semua <td> atau <th> elemen dalam sebuah tabel.
Dukungan Browser
| Koleksi | |||||
|---|---|---|---|---|---|
| rows | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
tableObject .rowsproperti
| Milik | Deskripsi |
|---|---|
| length | Mengembalikan jumlah <tr> elemen dalam koleksi. Catatan: Properti ini read-only |
metode
| metode | Deskripsi |
|---|---|
| [ index ] | Mengembalikan <tr> elemen dari koleksi dengan indeks tertentu (starts at 0) . Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan |
| item( index ) | Mengembalikan <tr> elemen dari koleksi dengan indeks tertentu (starts at 0) . Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan |
| namedItem( id ) | Mengembalikan <tr> 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 <tr> unsur-unsur dalam <table> elemen. Unsur-unsur dalam koleksi diurutkan seperti yang muncul dalam kode sumber |
Contoh lebih
Contoh
[Index]
Waspada innerHTML yang pertama <tr> elemen (index 0) dalam tabel:
alert(document.getElementById("myTable").rows[0].innerHTML; Cobalah sendiri " Contoh
item( index )
Waspada innerHTML yang pertama <tr> elemen (index 0) dalam tabel:
alert(document.getElementById("myTable").rows.item(0).innerHTML); Cobalah sendiri " Contoh
namedItem( id )
Waspada innerHTML dari <tr> elemen dengan id = "myrow" dalam tabel:
alert(document.getElementById("myTable").rows.namedItem("myRow").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 <tr> tag
Referensi JavaScript: HTML DOM TableRow Obyek
<Table Object