HTMLTableRowElement：sectionRowIndex 属性

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTMLTableRowElement 接口的 sectionRowIndex 只读属性表示当前部分（、 和 ）的行位置。

值

返回该行的索引，如果该行不属于表的一部分，则返回 -1。

示例

本示例使用 JavaScript 标记表 tbody 中的所有行号。

HTML

html

  
    

      商品
      价格
    

  
  
    

      香蕉
      $2
    

    

      橘子
      $8
    

    

      西冷牛排
      $20
    

  
  
    

      总计
      $30

JavaScript

js
const rows = document.querySelectorAll("tbody tr");

rows.forEach((row) => {
  const z = document.createElement("td");
  z.textContent = `(行 #${row.sectionRowIndex})`;
  row.appendChild(z);
});

结果

规范

Specification
HTML
# dom-tr-sectionrowindex

浏览器兼容性

参见