HTML | DOM TableHeader cellIndex 属性

介绍

TableHeader cellIndex 属性返回表格中表头单元格的索引号。该属性是一个只读属性，返回的索引号从 0 开始计数。

语法

tableHeader.cellIndex

返回值

返回值为数字，表示表头单元格在表格中的索引号，从0开始计数。

示例

HTML 代码:

<table id="myTable">
  <thead>
     <tr>
       <th>标题 1</th>
       <th>标题 2</th>
       <th>标题 3</th>
     </tr>
  </thead>
  <tbody>
     <tr>
       <td>行 1, 列 1</td>
       <td>行 1, 列 2</td>
       <td>行 1, 列 3</td>
     </tr>
     <tr>
       <td>行 2, 列 1</td>
       <td>行 2, 列 2</td>
       <td>行 2, 列 3</td>
     </tr>
     <tr>
       <td>行 3, 列 1</td>
       <td>行 3, 列 2</td>
       <td>行 3, 列 3</td>
     </tr>
  </tbody>
</table>

查询表头单元格的索引号:

const tableHeader = document.getElementsByTagName("th")[1];
console.log(tableHeader.cellIndex); // 输出: 1

以上代码将会查找表格中第一个 th 单元格的索引号，即返回 1。

注意事项

• 如果表格不包含表头（thead 元素），则该方法将无法使用。
• 如果表头中有跨列或跨行的单元格，则将忽略该单元格，并且后面的单元格将顺延其索引。