Exemple
Découvrez combien de cellules il y a dans la première rangée d'une table:
var x = document.getElementById("myTable").rows[0].cells.length;Le résultat de x sera:
2 Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La collection de cellules retourne une collection de toutes les <td> ou <th> éléments dans une table.
Note: Les éléments de la collection sont classés comme ils apparaissent dans le code source.
Astuce: Utilisez les lignes collection pour retourner une collection de tous les <tr> éléments dans un tableau.
Astuce: Utilisez le insertRow() méthode pour créer une nouvelle ligne (<tr>) .
Conseil: Utiliser la deleteRow() Procédé pour enlever une rangée.
Astuce: Utilisez le insertCell() méthode pour créer une nouvelle cellule (<td>) .
Astuce: Utilisez le deleteCell() méthode pour supprimer une cellule.
Support du navigateur
| Collection | |||||
|---|---|---|---|---|---|
| cells | Oui | Oui | Oui | Oui | Oui |
Syntaxe
tableObject .cellsPropriétés
| Propriété | La description |
|---|---|
| length | Retourne le nombre de <td> et / ou <th> éléments de la collection. Note: Cette propriété est en lecture seule |
méthodes
| méthode | La description |
|---|---|
| [ index ] | Renvoie la <td> et / ou <th> élément de la collection à l'index spécifié (starts at 0) à (starts at 0) . Remarque: renvoie null si le numéro d'index est hors de portée |
| item( index ) | Renvoie la <td> et / ou <th> élément de la collection à l'index spécifié (starts at 0) à (starts at 0) . Remarque: renvoie null si le numéro d'index est hors de portée |
| namedItem( id ) | Retourne le <td> et / ou <th> élément de la collection avec l'id spécifié. Note: Retourne null si l'identifiant n'existe pas |
Détails techniques
| DOM Version: | Niveau Core 2 document objet |
|---|---|
| Valeur de retour: | Un objet HTMLCollection, représentant la totalité <td> et / ou <th> éléments dans le <table> élément. Les éléments de la collection sont classés comme ils apparaissent dans le code source |
autres exemples
Exemple
[Index]
Alerter le innerHTML de la première cellule dans la première rangée de la table:
alert(document.getElementById("myTable").rows[0].cells[0].innerHTML); Essayez vous - même » Exemple
item( index )
Alerter le innerHTML de la première cellule dans la première rangée de la table:
alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML); Essayez vous - même » Exemple
namedItem( id )
Alerter le innerHTML de la cellule avec id = « myTd » dans la première rangée de la table:
alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML); Essayez vous - même » Exemple
Modifier le contenu de la première cellule de table:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW
CONTENT"; Essayez vous - même » Pages associées
Référence HTML: HTML <td> balise
Référence HTML: HTML <th> balise
JavaScript référence: HTML DOM TableData Object
JavaScript référence: HTML DOM TableHeader Object
<Table objet