Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
HTMLTableCellElement : propriété cellIndex
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La propriété en lecture seule cellIndex de l'interface HTMLTableCellElement représente la position d'une cellule dans sa ligne (<tr>). La première cellule a un indice de 0.
Valeur
Retourne l'indice de la cellule, ou -1 si la cellule ne fait partie d'aucune ligne.
Exemples
Cet exemple ajoute un libellé à tous les numéros de cellule de la première ligne du tbody.
HTML
<table>
<thead>
<tr>
<th>Article</th>
<th>Prix</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bananes</td>
<td>2 €</td>
</tr>
<tr>
<td>Riz</td>
<td>2,5 €</td>
</tr>
</tbody>
</table>
table {
border-collapse: collapse;
}
th,
td,
table {
border: 1px solid black;
}
button {
margin: 1em 1em 1em 0;
}
JavaScript
const rows = document.querySelectorAll("tbody tr");
const cells = rows[0].cells;
for (const cell of cells) {
cell.textContent = `${cell.textContent} (cell #${cell.cellIndex})`;
}
Résultat
Spécifications
| Spécification |
|---|
| HTML # dom-tdth-cellindex |
Compatibilité des navigateurs
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Aider à améliorer MDN
Cette page a été modifiée le par les contributeur·ice·s du MDN.