集合 Table rows

Objek DOM Table HTML

定义和用法

rows 集合返回表中所有 <tr> 元素的集合

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

Petikan:Gunakan 方法 insertRow() 创建新行 (<tr>)

Petikan:Gunakan 方法 deleteRow() Hapus baris.

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

Petikan:Gunakan Metode deleteCell() Hapus sel.

Petikan:Gunakan Kumpulan cells Balikkan heksa dengan semua elemen <td> atau <th> didalam tabel.

Lihat Juga:

Panduan HTML:Tanda <tr> HTML

Panduan JavaScript:Objek DOM TableRow HTML

Contoh

Contoh 1

Pesan: Tanggalkan baris:

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

Cuba Sendiri

Hasil x akan adalah:

2

Contoh 2: [index]

Pesan heksa pertama <tr> (indeks 0):

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

Cuba Sendiri

Contoh 3: item(index)

Pesan heksa pertama <tr> (indeks 0):

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

Cuba Sendiri

Contoh 4: namedItem(id)

Pesan heksa <tr> dengan id="myRow":

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

Cuba Sendiri

Contoh 5

Ubah kandungan pertama sel tabel:

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

Cuba Sendiri

Sintaks

tableObject.rows

Atribut

Atribut Deskripsi
length

Balikkan jumlah elemen <tr> didalam heksa.

Keterangan:Atribut ini adalah hanya-baca.

Metode

Metode Deskripsi
[index]

Balikkan heksa dengan indeks yang ditentukan didalam heksa (dari 0).

Keterangan:Jika nomor indeks melebihi tingkatan, maka balikkan null.
item(index)

Balikkan heksa dengan indeks yang ditentukan didalam heksa (dari 0).

Keterangan:Jika nomor indeks melebihi tingkatan, maka balikkan null.
namedItem(id)

Balikkan heksa dengan id yang ditentukan.

Keterangan:Jika id tidak wujud, maka balikkan null.

Detil Teknik

Versi DOM: Dokumen Objek Level 2 Core
Hasil balik:

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

Elemen dalam kumpulan diurutkan mengikut urutan munculnya dalam kod sumber.

Dukungan pemeriksa

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

Objek DOM Table HTML