Koleksi baris tabel

Objek Table DOM HTML

definisi dan penggunaan

rows kolom yang kembali semua elemen <tr> di dalam tabel.

Keterangan:Elemen di dalam kumpulan diurutkan menurut urutan munculnya di kode asli.

Tips:Gunakan metode insertRow() Buat baris baru (<tr>).

Tips:Gunakan metode deleteRow() Hapus baris.

Tips:Gunakan Metode insertCell() Buat sel baru (<td>).

Tips:Gunakan Metode deleteCell() Hapus sel.

Tips:Gunakan Kumpulan cells Kembalikan kumpulan semua elemen <td> atau <th> di tabel.

Lihat pula:

Panduan HTML:Tanda <tr> HTML

Panduan JavaScript:Objek TableRow DOM HTML

Contoh

Contoh 1

Cari berapa banyak baris di tabel:

var x = document.getElementById("myTable").rows.length;

Coba Sendiri

Hasil x akan menjadi:

2

Contoh 2: [index]

Tampilkan innerHTML elemen <tr> pertama (indeks 0) di tabel:

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

Coba Sendiri

Contoh 3: item(index)

Tampilkan innerHTML elemen <tr> pertama (indeks 0) di tabel:

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

Coba Sendiri

Contoh 4: namedItem(id)

Tampilkan innerHTML elemen <tr> dengan id="myRow" di tabel:

alert(document.getElementById("myTable").rows.namedItem("myRow").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

Syarat

tableObject.rows

Atribut

Atribut Deskripsi
length

Kembalikan jumlah elemen <tr> dalam kumpulan.

Keterangan:Atribut ini hanya baca.

Metode

Metode Deskripsi
[index]

Kembalikan elemen <tr> yang memiliki indeks yang ditentukan (dari 0).

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

Kembalikan elemen <tr> yang memiliki indeks yang ditentukan (dari 0).

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

Kembalikan kumpulan elemen <tr> yang memiliki id yang ditentukan.

Keterangan:Jika id tidak ada, kembalikan null.

Detil Teknis

Versi DOM: Dokumen Object Level 2 Core
Nilai kembalian:

Objek HTMLCollection, menunjukkan semua elemen <tr> dalam elemen <table>.

Elemen di dalam kumpulan diurutkan menurut urutan munculnya di kode asli.

Dukungan Peramban

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

Objek Table DOM HTML