HTMLTableRowElement: sectionRowIndex 属性

基线广泛可用

此功能已建立良好，并在许多设备和浏览器版本中运行。它自 2015 年 7 月.

报告反馈

值

sectionRowIndex 是 HTMLTableRowElement 接口的只读属性，它表示行在当前节（<thead>、<tbody> 或 <tfoot>）中的位置。

示例

行的索引，如果行不是节的一部分，则为 -1。

HTML

此示例使用 JavaScript 为所有 tbody 的行编号添加标签。

<table>
  <thead>
    <tr>
      <th>Item</th>
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Bananas</td>
      <td>$2</td>
    </tr>
    <tr>
      <td>Oranges</td>
      <td>$8</td>
    </tr>
    <tr>
      <td>Top Sirloin</td>
      <td>$20</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Total</td>
      <td>$30</td>
    </tr>
  </tfoot>
</table>

JavaScript

html

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

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

js

规范

结果
规范 # HTML 标准

浏览器兼容性

dom-tr-sectionrowindex

另请参阅

HTMLTableRowElement.rowIndex