Table cells koleksiyonu

Tanım ve kullanım

cells Koleksiyon, tablo içindeki tüm <td> veya <th> elementlerinin koleksiyonunu döndürür.

Açıklama:Kümelerdeki öğeler, kaynak kodunda出现的顺序进行排序。

İpucu:Kullanım rows koleksiyonu Tablo içindeki tüm <tr> elementlerinin koleksiyonunu döndürür.

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

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

İpucu:Kullanın insertCell() yöntemi Yeni hücre oluşturma (<td>).

İpucu:Kullanın deleteCell() yöntemi Hücre silme.

Ayrıca bkz:

HTML Referans Kılavuzu:HTML <td> etiketi

HTML Referans Kılavuzu:HTML <th> etiketi

JavaScript Referans Kılavuzu:HTML DOM TableData nesnesi

JavaScript Referans Kılavuzu:HTML DOM TableHeader nesnesi

Örnek

Örnek 1

İlk satırın hücre sayısını gösterir:

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

Kişisel olarak deneyin

x sonucu şu şekilde olacaktır:

2

Örnek 2: [index]

Tablo ilk satırındaki ilk hücrenin innerHTML'ini çıktırır:

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

Kişisel olarak deneyin

Örnek 3: item(index)

Tablo ilk satırındaki ilk hücrenin innerHTML'ini çıktırır:

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

Kişisel olarak deneyin

Örnek 4: namedItem(id)

id="myTd" olan tablo ilk satırındaki hücrenin innerHTML'ini çıktırır:

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

Gramer

tableObject.cells

Özellik

Özellik Açıklama
length

Koleksiyonda <td> ve/ya da <th> elementlerinin sayısını döndürür.

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

Method

Method Açıklama
[index]

Belirtilen indeks numarasına sahip <td> ve/ya da <th> elementini döndürür (0'dan başlayarak).

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

item(index)

Belirtilen indeks numarasına sahip <td> ve/ya da <th> elementini döndürür (0'dan başlayarak).

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

namedItem(id)

Belirtilen id'ye sahip koleksiyondan <td> ve/ya da <th> elementlerini döndürür.

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, <tr> elementindeki tüm <td> ve/ya da <th> elementlerini temsil eder.

Kümelerdeki öğeler, kaynak kodunda出现的顺序进行排序。

Tarayıcı desteği

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