En son web geliştirme öğreticiler
 

Tablo hücreleri Koleksiyonu

<Tablo Nesnesi

Örnek

Bir tablodaki ilk satırda kaç tane hücre öğrenin:

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> Tablodaki elemanları.

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

İpucu: kullan satırları tüm bir koleksiyon dönmek için koleksiyon <tr> tablodaki elementlerin.

İ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.

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: Tüm temsil eden bir HTMLCollection nesne, <td> ve / veya <th> elemanları <table> 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 "

İlgili Sayfalar

HTML referansı: HTML <td> etiketi

HTML referansı: HTML <th> etiketi

JavaScript referansı: HTML DOM TableData Nesne

JavaScript referansı: HTML DOM TableHeader Nesne

<Tablo Nesnesi