HTMLTableCellElement：cellIndex 属性

基线广泛可用

此功能已经非常成熟，并且可以在许多设备和浏览器版本上运行。它自以下时间起在各浏览器中可用： 2015 年 7 月.

cellIndex 是 HTMLTableCellElement 接口的只读属性，表示单元格在其行（<tr>）中的位置。第一个单元格的索引为 0。

值

返回单元格的索引，如果单元格不属于任何行，则返回 -1。

示例

此示例将标签添加到 tbody 的第一行的所有单元格编号。

HTML

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>

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})`;
}

结果

规范

规范
HTML 标准 # dom-tdth-cellindex

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。