ensemble des cellules de tableau

Objet Table DOM HTML

définition et utilisation

cells l'ensemble retourne l'ensemble de tous les éléments <td> ou <th> du tableau.

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

Avis :utiliser ensemble rows retourner l'ensemble de tous les éléments <tr> du tableau.

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

Avis :Utilisez méthode deleteRow() supprimer une ligne.

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

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

Voir également :

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

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

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

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

Exemple

Exemple 1

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

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

Essayez-le vous-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);

Essayez-le vous-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);

Essayez-le vous-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);

Essayez-le vous-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 = "NEUVES CONTENU";

Essayez-le vous-même

Syntaxe

tableObject.cells

Propriété

Propriété Description
length

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

Remarque :Cette propriété est lecture seule.

Méthode

Méthode Description
[index]

Retourne l'élément <td> et/ou <th> de la collection ayant l'index spécifié (commençant à 0).

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

Retourne l'élément <td> et/ou <th> de la collection ayant l'index spécifié (commençant à 0).

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

Retourne les éléments <td> et/ou <th> de la collection ayant l'ID spécifié.

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

Détails techniques

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

L'objet HTMLCollection, qui représente 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.

Prise en charge du navigateur

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

Objet Table DOM HTML