Derniers tutoriels de développement web
 

cellules TableRow Collection

<TableRow Object

Exemple

Afficher le nombre de cellules dans la première rangée:

var x = document.getElementById("myTable").rows[0].cells.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 de cellules retourne une collection de tous <td> ou <th> éléments dans une ligne de tableau.

Note: Les éléments de la collection sont classés comme ils apparaissent dans le code source.

Support du navigateur

Collection
cells Oui Oui Oui Oui Oui

Syntaxe

tableObject .cells

Propriétés

Propriété La description
length Retourne le nombre de <td> et / ou <th> éléments de la collection.

Note: Cette propriété est en lecture seule

méthodes

méthode La description
[ index ] Renvoie la <td> et / ou <th> élément de la collection à l'index spécifié (starts at 0) à (starts at 0) .

Remarque: renvoie null si le numéro d'index est hors de portée
item( index ) Renvoie la <td> et / ou <th> élément de la collection à l'index spécifié (starts at 0) à (starts at 0) .

Remarque: renvoie null si le numéro d'index est hors de portée
namedItem( id ) Retourne le <td> et / ou <th> é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 la totalité <td> et / ou <th> éléments dans le <tr> élément. Les éléments de la collection sont classés comme ils apparaissent dans le code source
Exemples

autres exemples

Exemple

[Index]

Alerter le innerHTML de la première cellule dans la première rangée de la table:

alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
Essayez vous - même »

Exemple

item( index )

Alerter le innerHTML de la première cellule dans la première rangée de la table:

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
Essayez vous - même »

Exemple

namedItem( id )

Alerter le innerHTML de la cellule avec id = « myTd » dans la première rangée de la table:

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").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 »
<TableRow Object