ensemble des lignes de tableau

Objet Table DOM HTML

définition et utilisation

rows l'ensemble renvoie l'ensemble de tous les éléments <tr> du tableau.

Remarque :Les éléments de l'ensemble sont triés dans l'ordre de leur apparition dans le code source.

Astuce :Utilisez méthode insertRow() créer une nouvelle ligne (<tr>).

Astuce :Utilisez méthode deleteRow() Supprimer la ligne.

Astuce :Utilisez Méthode insertCell() Créer une nouvelle cellule (<td>).

Astuce :Utilisez Méthode deleteCell() Supprimer la cellule.

Astuce :Utilisez Collection cells Retourne la collection de tous les éléments <td> ou <th> du tableau.

Voir également :

Manuel de référence HTML :Balise <tr> HTML

Manuel de référence JavaScript :Objet TableRow DOM HTML

Exemple

Exemple 1

Déterminer le nombre de lignes dans le tableau :

var x = document.getElementById("myTable").rows.length;

Essayez-le vous-même

Le résultat de x sera :

2

Exemple 2 : [index]

Indiquer l'innerHTML du premier élément <tr> (index 0) dans le tableau :

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

Essayez-le vous-même

Exemple 3 : item(index)

Indiquer l'innerHTML du premier élément <tr> (index 0) dans le tableau :

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

Essayez-le vous-même

Exemple 4 : namedItem(id)

Indiquer l'innerHTML de l'élément <tr> avec id="myRow" dans le tableau :

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

Essayez-le vous-même

Exemple 5

Modifier le contenu de la première cellule du tableau :

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

Essayez-le vous-même

Syntaxe

tableObject.rows

Propriété

Propriété Description
length

Retourne le nombre d'éléments <tr> dans la collection.

Remarque :Cette propriété est en lecture seule.

Méthode

Méthode Description
[index]

Retourne l'élément <tr> avec l'index spécifié dans la collection (commençant à 0).

Remarque :Si le numéro d'index dépasse la gamme, retourne null.
item(index)

Retourne l'élément <tr> avec l'index spécifié dans la collection (commençant à 0).

Remarque :Si le numéro d'index dépasse la gamme, retourne null.
namedItem(id)

Retourne l'élément <tr> avec l'ID spécifié dans la collection.

Remarque :Si l'ID n'existe pas, retourne null.

Détails techniques

Version DOM : Document Object Core Level 2
Valeur de retour :

L'objet HTMLCollection, représentant tous les éléments <tr> de l'élément <table>.

Les éléments de l'ensemble sont triés dans l'ordre de leur apparition dans le code source.

Support du navigateur

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

Objet Table DOM HTML