HTMLTableRowElement：sectionRowIndex 属性

基线广泛可用

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

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

本文内容

值

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

示例

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

HTML

html
<table>
  <thead>
    <tr>
      <th>商品</th>
      <th>价格</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>香蕉</td>
      <td>$2</td>
    </tr>
    <tr>
      <td>橘子</td>
      <td>$8</td>
    </tr>
    <tr>
      <td>西冷牛排</td>
      <td>$20</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>总计</td>
      <td>$30</td>
    </tr>
  </tfoot>
</table>

JavaScript

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

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

结果

规范

HTML
# dom-tr-sectionrowindex

浏览器兼容性

启用 JavaScript 以查看此浏览器兼容性表。

参见

HTMLTableRowElement.rowIndex

帮助改进 MDN

此页面对您有帮助吗？

是否

了解如何参与贡献

此页面最后更新于 2024年10月12日，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题

HTML DOM API
HTMLTableRowElement
实例属性
实例方法
1. deleteCell()
2. insertCell()
继承
HTML DOM 的相关页面
指南
1. 在 JavaScript 中通过 queueMicrotask() 使用微任务
2. 深入：微任务与 Javascript 运行时环境