Table rows koleksiyonu

HTML DOM Table nesnesi

Tanım ve kullanım

rows Koleksiyon, tabloda tüm <tr> elementlerinin koleksiyonunu döndürür.

Açıklama:Koleksiyondaki öğeler, kaynak kodunda ortaya çıktıkları sırayla sıralanır.

İpucu:Kullanın insertRow() yöntemi Yeni satır oluşturma (<tr>).

İpucu:Kullanın deleteRow() yöntemi Satırı silin.

İpucu:Kullanın insertCell() metodu Yeni hücre oluşturun (<td>).

İpucu:Kullanın deleteCell() metodu Hücrei silin.

İpucu:Kullanın cells koleksiyonu Tablo içindeki tüm <td> veya <th> elementlerinin koleksiyonunu döner.

Ayrıca bakınız:

HTML Referans Kılavuzu:HTML <tr> etiketi

JavaScript Referans Kılavuzu:HTML DOM TableRow nesnesi

Örnek

Örnek 1

Tabloda kaç satır olduğunu öğren:

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

Kişisel olarak deneyin

x'nin sonucu şu olacak:

2

Örnek 2: [index]

Tablo içindeki ilk <tr> elementinin (0 indeksi) innerHTML'ini göster:

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

Kişisel olarak deneyin

Örnek 3: item(index)

Tablo içindeki ilk <tr> elementinin (0 indeksi) innerHTML'ini göster:

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

Kişisel olarak deneyin

Örnek 4: namedItem(id)

Tablo içinde id="myRow" olan <tr> elementinin innerHTML'ini göster:

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

Kişisel olarak deneyin

Örnek 5

İlk tablo hücresinin içeriğini değiştir:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "YENİ İÇERİK";

Kişisel olarak deneyin

Sözdizimi

tableObject.rows

Özellik

Özellik Açıklama
length

Koleksiyonda <tr> elementlerinin sayısını döner.

Açıklama:Bu özellik yalnızca okunabilir.

Method

Method Açıklama
[index]

Belirtilen indekse sahip <tr> elementini içeren koleksiyonu döner (0'dan başlayarak).

Açıklama:İndeks numarası aralığın dışında ise null döner.
item(index)

Belirtilen indekse sahip <tr> elementini içeren koleksiyonu döner (0'dan başlayarak).

Açıklama:İndeks numarası aralığın dışında ise null döner.
namedItem(id)

Belirtilen id'ye sahip <tr> elementini içeren koleksiyonu döner.

Açıklama:id不存在 ise null döner.

Teknik ayrıntılar

DOM sürümü: Core Level 2 Document Object
Dönüş değeri:

HTMLCollection nesnesi, <table> elementindeki tüm <tr> elementlerini temsil eder.

Koleksiyondaki öğeler, kaynak kodunda ortaya çıktıkları sırayla sıralanır.

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

HTML DOM Table nesnesi