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;
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);
Ö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);
Ö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);
Ö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";
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 |