Collection de lignes de tableau
Exemple
Découvrez combien de lignes il y a dans un tableau :
var x = document.getElementById("myTable").rows.length;
Le résultat de x sera :
2
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La collection rows renvoie une collection de tous les éléments <tr> d'une table.
Remarque : Les éléments de la collection sont triés tels qu'ils apparaissent dans le code source.
Astuce : Utilisez la méthode insertRow() pour créer une nouvelle ligne (<tr>).
Astuce : Utilisez la méthode deleteRow() pour supprimer une ligne.
Astuce : Utilisez la méthode insertCell() pour créer une nouvelle cellule (<td>).
Astuce : Utilisez la méthode deleteCell() pour supprimer une cellule.
Conseil : Utilisez la collection de cellules pour renvoyer une collection de tous les éléments <td> ou <th> d'un tableau.
Prise en charge du navigateur
Collection | |||||
---|---|---|---|---|---|
rows | Yes | Yes | Yes | Yes | Yes |
Syntaxe
tableObject.rows
Propriétés
Property | Description |
---|---|
length | Returns the number of <tr> elements in the collection. Note: This property is read-only |
Méthodes
Method | Description |
---|---|
[index] | Returns the <tr> 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 <tr> 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 <tr> 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 <tr> dans l'élément <table>. 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 du premier élément <tr> (index 0) de la table :
alert(document.getElementById("myTable").rows[0].innerHTML;
Exemple
article ( indice )
Alertez le innerHTML du premier élément <tr> (index 0) de la table :
alert(document.getElementById("myTable").rows.item(0).innerHTML);
Exemple
nomméItem( id )
Alertez le innerHTML de l'élément <tr> avec id="myRow" dans le tableau :
alert(document.getElementById("myTable").rows.namedItem("myRow").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";
Pages connexes
Référence HTML : balise HTML <tr>
Référence JavaScript : HTML DOM TableRow Object
❮ Objet tableau