HTMLTableCellElement: cellIndex プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

もっと詳しく
完全な互換性情報を見る

cellIndex は HTMLTableCellElement インターフェイスの読み取り尾専用プロパティで、行 (<tr>) の中におけるセルの位置を表します。最初のセルのインデックスは 0 です。

値

セルのインデックスを返します。セルがどの行にも属していない場合は -1 を返します。

例

この例では、tbody の 1 行目のすべてのセル番号にラベルを追加します。

HTML

html

<table>
  <thead>
    <tr>
      <th>商品</th>
      <th>価格</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>バナナ</td>
      <td>$2</td>
    </tr>
    <tr>
      <td>米</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.cellIndex})`;
}

結果

仕様書

仕様書
HTML # dom-tdth-cellindex

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2026年8月19日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告