Collection de cellules TableRow
Exemple
Afficher le nombre de cellules dans la première ligne :
var x = document.getElementById("myTable").rows[0].cells.length;
Le résultat de x sera :
2
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La collection de cellules renvoie une collection de tous les éléments <td> ou <th> d'une ligne de tableau.
Remarque : Les éléments de la collection sont triés tels qu'ils apparaissent dans le code source.
Prise en charge du navigateur
Collection | |||||
---|---|---|---|---|---|
cells | Yes | Yes | Yes | Yes | Yes |
Syntaxe
tableObject.cells
Propriétés
Property | Description |
---|---|
length | Returns the number of <td> and/or <th> elements in the collection. Note: This property is read-only |
Méthodes
Method | Description |
---|---|
[index] | Returns the <td> and/or <th> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <td> and/or <th> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <td> and/or <th> element from the collection with the specified id. Note: Returns null if the id does not exist |
Détails techniques
Version DOM : | Objet de document de niveau 2 de base |
---|---|
Valeur de retour : | Un objet HTMLCollection, représentant tous les éléments <td> et/ou <th> dans l'élément <tr>. Les éléments de la collection sont triés tels qu'ils apparaissent dans le code source |
Plus d'exemples
Exemple
[ indice ]
Alertez le innerHTML de la première cellule de la première ligne du tableau :
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
Exemple
article ( indice )
Alertez le innerHTML de la première cellule de la première ligne du tableau :
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
Exemple
nomméItem( id )
Alertez le innerHTML de la cellule avec id="myTd" dans la première ligne du tableau :
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);
Exemple
Modifiez le contenu de la première cellule du tableau :
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
❮ Objet TableRow