此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
HTMLTableRowElement.rowIndex
HTMLTableRowElement 接口的 rowIndex 只读属性表示元素所在行相对于整个 <table> 的逻辑位置。
即使 <thead>、<tbody> 和 <tfoot> 元素在 HTML 中乱序排列,浏览器也会以正确的顺序渲染表格。因此,行号的标记顺序为:从 <thead> 到 <tbody>,再到 <tfoot>。
值
返回该行的索引,如果该行不属于表的一部分,则返回 -1。
示例
本示例使用 JavaScript 标记表中的所有行号。
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("tr");
rows.forEach((row) => {
const z = document.createElement("td");
z.textContent = `(行 #${row.rowIndex})`;
row.appendChild(z);
});
结果
[フレーム]
规范
| 规范 |
|---|
| HTML # dom-tr-rowindex-dev |
浏览器兼容性
启用 JavaScript 以查看此浏览器兼容性表。