HTML | DOM TableRow rowIndex 属性

HTML DOM 中的 TableRow rowIndex 属性是一个只读属性，返回当前 <tr> 元素在父 <tbody> 或 <table> 内所有 <tr> 元素中的索引位置。

<tr id="myRow">
  <td>Cell 1</td>
  <td>Cell 2</td>
  <td>Cell 3</td>
</tr>

var row = document.getElementById("myRow");
console.log(row.rowIndex); // 输出 0

在上述示例中，我们可以使用 row.rowIndex 来获取当前 <tr> 元素的索引位置，该 <tr> 元素是其父 <tbody> 或 <table> 元素内的第一个 <tr> 元素。因为这个例子中并没有明确指定父元素，所以父元素为默认的 <tbody>。

注意：如果 <tr> 元素位于 <thead> 或 <tfoot> 元素内，或者存在 <th> 元素，则这些元素不会被计入索引位置。

用法和特点

• <tr> 元素的 rowIndex 属性是只读的，不能直接设置。
• 对于以编程方式创建的 <tr> 元素，如果未将其添加到任何 <tbody> 或 <table> 元素中，则其 rowIndex 属性为 -1。
• rowIndex 属性是以0为起始的，即第一个行的 rowIndex 为 0，第二个行的 rowIndex 为 1，以此类推。
• 如果 <tr> 元素在文档中的位置发生改变，其 rowIndex 属性的值也会相应地改变。
• 如果想获取 <tr> 元素相对于整个文档的索引位置，可以使用 row.sectionRowIndex 属性。

浏览器兼容性

• rowIndex 属性在所有主流浏览器中均得到支持，包括 Chrome、Firefox、Safari、Edge 和 Internet Explorer。

更多关于 rowIndex 属性的详细信息，请参阅：MDN web docs: rowIndex