Örnek
Bir tabloda kaç satır öğrenin:
var x = document.getElementById("myTable").rows.length;X'in sonucu olacaktır:
2 Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
Satırlar koleksiyonu tüm koleksiyonunu döndürür <tr> tablodaki elementlerin.
Note: bunlar kaynak kodunda göründükleri gibi koleksiyonunda elemanları sıralanır.
İpucu: kullan insertRow() yeni bir satır oluşturmak için yöntem (<tr>) .
İpucu: kullan deleteRow() bir satırı kaldırmak için yöntem.
İpucu: kullan insertCell() Yeni bir hücre oluşturmak için yöntem (<td>) .
İpucu: kullan deleteCell() bir hücreyi silmek için yöntem.
İpucu: kullan hücreler tüm bir koleksiyon dönmek için koleksiyon <td> veya <th> Tablodaki elemanları.
Tarayıcı Desteği
| Toplamak | |||||
|---|---|---|---|---|---|
| rows | Evet | Evet | Evet | Evet | Evet |
Sözdizimi
tableObject .rowsÖzellikleri
| özellik | Açıklama |
|---|---|
| length | Sayısını döndürür <tr> koleksiyonunda elemanları. Not: Bu özellik salt okunur |
Yöntemler
| Yöntem | Açıklama |
|---|---|
| [ index ] | İade <tr> Belirtilen dizini ile koleksiyonundan elemanı (starts at 0) . Not: dizin numarası aralık dışında ise boş sonucunu döndürür |
| item( index ) | İade <tr> Belirtilen dizini ile koleksiyonundan elemanı (starts at 0) . Not: dizin numarası aralık dışında ise boş sonucunu döndürür |
| namedItem( id ) | İade <tr> Belirtilen kimliğe sahip koleksiyonundan elemanı. Not: id yoksa boş sonucunu döndürür |
Teknik detaylar
| DOM Versiyon: | Çekirdek Düzey 2 Belge Nesne |
|---|---|
| Geri dönüş değeri: | Tüm temsil eden bir HTMLCollection nesne, <tr> elemanları <table> elemanı. onlar kaynak kodunda göründükleri gibi koleksiyonunda elemanları sıralanır |
Diğer Örnekler
Örnek
[Göstergesi]
İlk innerHTML uyar <tr> elemanı (index 0) tabloda:
alert(document.getElementById("myTable").rows[0].innerHTML; Kendin dene " Örnek
item( index )
İlk innerHTML uyar <tr> elemanı (index 0) tabloda:
alert(document.getElementById("myTable").rows.item(0).innerHTML); Kendin dene " Örnek
namedItem( id )
InnerHTML uyar <tr> tablosundaki id = "myrow" ile eleman:
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML); Kendin dene " Örnek
İlk tablo hücresinin içeriğini değiştirin:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW
CONTENT"; Kendin dene " İlgili Sayfalar
HTML referansı: HTML <tr> etiketi
JavaScript referansı: HTML DOM TableRow Nesne
<Tablo Nesnesi