En son web geliştirme öğreticiler
 

TableRow hücreleri Koleksiyonu

<TableRow Nesne

Örnek

ilk satırdaki hücrelerin sayısını göster:

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

X'in sonucu olacaktır:

2
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

Hücreler koleksiyonu tüm koleksiyonunu döndürür <td> veya <th> bir tablo satırında unsurları.

Note: bunlar kaynak kodunda göründükleri gibi koleksiyonunda elemanları sıralanır.

Tarayıcı Desteği

Toplamak
cells Evet Evet Evet Evet Evet

Sözdizimi

tableObject .cells

Özellikleri

özellik Açıklama
length Sayısını döndürür <td> ve / veya <th> koleksiyonunda elemanları.

Not: Bu özellik salt okunur

Yöntemler

Yöntem Açıklama
[ index ] İade <td> ve / veya <th> 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 <td> ve / veya <th> 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 <td> ve / veya <th> Belirtilen kimliğe sahip koleksiyonundan öğesi.

Not: id yoksa boş sonucunu döndürür

Teknik detaylar

DOM Versiyon: Çekirdek Düzey 2 Belge Nesne
Geri dönüş değeri: Temsil eden bir HTMLCollection nesnesi, her <td> ve / veya <th> elements <tr> elemanı. onlar kaynak kodunda göründükleri gibi koleksiyonunda elemanları sıralanır
Örnekler

Diğer Örnekler

Örnek

[Göstergesi]

Tablonun ilk sıradaki ilk hücrenin innerHTML uyar:

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

Örnek

item( index )

Tablonun ilk sıradaki ilk hücrenin innerHTML uyar:

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
Kendin dene "

Örnek

namedItem( id )

Tablonun ilk satırda id = "myTd" ile hücrenin innerHTML uyar:

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").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 "
<TableRow Nesne