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