Collection de cells TableRow

Objet TableRow DOM HTML

Définition et utilisation

cells L'ensemble retourne tous les <td> ou <th> Collection d'éléments.

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

Exemple

Exemple 1

Affichez le nombre de cellules de la première ligne :

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

Essaye-le toi-même

Le résultat de x sera :

2

Exemple 2 : [index]

Affichez l'innerHTML de la première cellule de la première ligne du tableau :

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

Essaye-le toi-même

Exemple 3 : item(index)

Affichez l'innerHTML de la première cellule de la première ligne du tableau :

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

Essaye-le toi-même

Exemple 4 : namedItem(id)

Affichez l'innerHTML de la cellule avec id="myTd" de la première ligne du tableau :

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

Essaye-le toi-même

Exemple 5

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

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

Essaye-le toi-même

Syntaxe

tableObject.cells

Propriété

Propriété Description
length

Retourne le nombre d'éléments <td> et/ou <th> dans l'ensemble.

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

Méthode

Méthode Description
[index]

Retourne l'élément <td> et/ou <th> à l'index spécifié dans l'ensemble (commençant à 0).

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

Retourne l'élément <td> et/ou <th> à l'index spécifié dans l'ensemble (commençant à 0).

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

Retourne les éléments <td> et/ou <th> à partir de l'ensemble spécifié par l'ID.

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

Détails techniques

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

Objet HTMLCollection, représentant tous les éléments <td> et/ou <th> dans l'élément <tr>.

Les éléments de l'ensemble sont classé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 TableRow DOM HTML