Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.cdn.mozilla.net/zh-CN/docs/Web/API/HTMLTableRowElement/rowIndex below:

HTMLTableRowElement.rowIndex - Web API | MDN

Baseline Widely available

HTMLTableRowElement 接口的 rowIndex 只读属性表示元素所在行相对于整个 <table> 的逻辑位置。

即使 <thead>、<tbody> 和 <tfoot> 元素在 HTML 中乱序排列，浏览器也会以正确的顺序渲染表格。因此，行号的标记顺序为：从 <thead> 到 <tbody>，再到 <tfoot>。

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

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

<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>

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

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

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4