HTMLTableCellElement : propriété cellIndex

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

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

Compatibilité des navigateurs

Help improve MDN

Learn how to contribute

Cette page a été modifiée le ⁨19 janv. 2026⁩ par les contributeurs du MDN.

View this page on GitHub • Report a problem with this content