HTMLTableCellElement: свойство cellIndex

Базовая Широко доступная

Это хорошо зарекомендовавшее себя свойство, которое работает на многих устройствах и версиях браузеров. Оно доступно в браузерах с июля 2015 года.

Чтение-только свойство cellIndex интерфейса HTMLTableCellElement представляет позицию ячейки в её строке (<tr>). Первая ячейка имеет индекс 0.

Значение

Возвращает индекс ячейки или -1 если ячейка не принадлежит ни к какой строке.

Примеры

В этом примере добавляется метка ко всем номерам ячеек первой строки таблицы tbody.

HTML

<table>
  <thead>
    <tr>
      <th>Item</th>
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Bananas</td>
      <td>$2</td>
    </tr>
    <tr>
      <td>Rice</td>
      <td>$2.5</td>
    </tr>
  </tbody>
</table>

JavaScript

const rows = document.querySelectorAll("tbody tr");
const cells = rows[0].cells;

for (const cell of cells) {
  cell.textContent = `${cell.textContent} (cell #${cell.cellIndex})`;
}

Результат

Спецификации

Спецификация
HTML # dom-tdth-cellindex

Совместимость с браузерами

	Рабочий стол					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`cellIndex`	1	12	1	≤12.1	3	18	4	≤12.1	1	1.0	4.4

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableCellElement/cellIndex