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 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); }); 结果
规范
| Specification |
|---|
| HTML # dom-tr-sectionrowindex |