Table cells koleksyon

HTML DOM Table Obheto

paglilinaw at paggamit

cells ang koleksyon ay ibabalik ang lahat ng <td> o <th> na elemento sa talahanayan.

Komento:Elements in the collection are sorted in the order they appear in the source code.

Mga tagubilin:gamitin rows koleksyon ibabalik ang koleksyon ng lahat ng <tr> na elemento sa talahanayan.

Mga tagubilin:Gumamit ng: insertRow() 方法 lumikha ng bagong linya (<tr>).

Mga tagubilin:Gumamit ng: deleteRow() 方法 dalisin ang linya.

Mga tagubilin:Gumamit ng: insertCell() 方法 Lumikha ng bagong cell (<td>).

Mga tagubilin:Gumamit ng: Mga paraan ng deleteCell() Tanggalin ang cell.

Bilang karagdagan:

Tuturuan ng HTML:HTML <td> Tag

Tuturuan ng HTML:HTML <th> Tag

Tuturuan ng JavaScript:HTML DOM TableData Obheto

Tuturuan ng JavaScript:HTML DOM TableHeader Obheto

Mga halimbawa

Halimbawa 1

Ipakita ang bilang ng cell sa unang linya:

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

Subukan nang personal na.

Ang resulta ng x ay magiging:

2

Halimbawa 2: [index]

Ibalik ang innerHTML ng kauna-unahang cell sa unang linya ng talahanayan:

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

Subukan nang personal na.

Halimbawa 3: item(index)

Ibalik ang innerHTML ng kauna-unahang cell sa unang linya ng talahanayan:

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

Subukan nang personal na.

Halimbawa 4: namedItem(id)

Ibalik ang innerHTML ng cell na may id="myTd" sa unang linya ng talahanayan:

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

Subukan nang personal na.

Halimbawa 5

Palitan ang nilang ng unang cell ng talahanayan:

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

Subukan nang personal na.

Gramata

tableObject.cells

Katangian

Katangian Paglalarawan
length

Ibalik ang bilang ng <td> at/o <th> na elemento sa koleksyon.

Komento:Ang katangian na ito ay read-only.

Mga paraan

Mga paraan Paglalarawan
[index]

Ibalik ang <td> at/o <th> na elemento na may tiyak na index sa koleksyon (mula 0).

Komento:Kung ang index na numero ay labas ng saklaw, ibabalik ang null.
item(index)

Ibalik ang <td> at/o <th> na elemento na may tiyak na index sa koleksyon (mula 0).

Komento:Kung ang index na numero ay labas ng saklaw, ibabalik ang null.
namedItem(id)

Ibalik ang <td> at/o <th> na elemento mula sa koleksyon na may tiyak na id.

Komento:Kung ang id ay wala, ibabalik ang null.

Detalye ng teknolohiya

DOM na bersyon: Core Level 2 Document Object
Halimbawa ng bunga:

HTMLCollection na naglalaman ng lahat ng <td> at/o <th> na elemento ng <tr> elemento.

Elements in the collection are sorted in the order they appear in the source code.

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM Table Obheto