HTMLTableCellElement : propriété cellIndex - Les API Web | MDN
Baseline
Widely available
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
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
js
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
| Specification |
|---|
| HTML # dom-tdth-cellindex |