Exemple
Découvrez combien de lignes il y a dans une table:
var x = document.getElementById("myTable").rows.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 rows retourne une collection de tous les <tr> éléments dans un tableau.
Note: Les éléments de la collection sont classés comme ils apparaissent dans le code source.
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.
Astuce: Utilisez les cellules collection pour retourner une collection de tous <td> ou <th> éléments dans un tableau.
Support du navigateur
| Collection | |||||
|---|---|---|---|---|---|
| rows | Oui | Oui | Oui | Oui | Oui |
Syntaxe
tableObject .rowsPropriétés
| Propriété | La description |
|---|---|
| length | Retourne le nombre de <tr> éléments de la collection. Note: Cette propriété est en lecture seule |
méthodes
| méthode | La description |
|---|---|
| [ index ] | Renvoie la <tr> élément de la collection à l'index spécifié (starts at 0) . Remarque: renvoie null si le numéro d'index est hors de portée |
| item( index ) | Renvoie la <tr> élément de la collection à l'index spécifié (starts at 0) . Remarque: renvoie null si le numéro d'index est hors de portée |
| namedItem( id ) | Retourne le <tr> é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 tous les <tr> é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 <tr> élément (index 0) dans la table:
alert(document.getElementById("myTable").rows[0].innerHTML; Essayez vous - même » Exemple
item( index )
Alerter le innerHTML de la première <tr> élément (index 0) dans la table:
alert(document.getElementById("myTable").rows.item(0).innerHTML); Essayez vous - même » Exemple
namedItem( id )
Alerter le innerHTML de la <tr> élément avec id = « myRow » dans le tableau:
alert(document.getElementById("myTable").rows.namedItem("myRow").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 <tr> balise
JavaScript référence: HTML DOM TableRow Object
<Table objet