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

Showing content from https://developer.mozilla.org/ja/docs/Web/API/HTMLTableRowElement/rowIndex below:

HTMLTableRowElement: rowIndex プãƒãƒ‘ティ - Web API

Baseline Widely available

HTMLTableRowElement.rowIndex は読み取り専用プロパティで、表 (<table>) 全体に対する行の相対的な位置を表します。

<thead>、<tbody>、<tfoot> の各要素が HTML の中で順不同であっても、ブラウザーは表を正しい順序で描画します。従って行のカウントは <thead> から <tbody> へ、 <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>

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

rows.forEach((row) => {
  let 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