HTMLTableRowElement: sectionRowIndex-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die sectionRowIndex schreibgeschützte Eigenschaft des HTMLTableRowElement Interfaces repräsentiert die Position einer Zeile innerhalb des aktuellen Abschnitts (<thead>, <tbody> oder <tfoot>).

Wert

Der Index der Zeile oder -1, wenn die Zeile nicht Teil des Abschnitts ist.

Beispiele

Dieses Beispiel verwendet JavaScript, um alle Zeilennummern des tbody zu kennzeichnen.

HTML

html

<table>
  <thead>
    <tr>
      <th>Item</th>
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Bananas</td>
      <td>$2</td>
    </tr>
    <tr>
      <td>Oranges</td>
      <td>$8</td>
    </tr>
    <tr>
      <td>Top Sirloin</td>
      <td>$20</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Total</td>
      <td>$30</td>
    </tr>
  </tfoot>
</table>

JavaScript

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

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

Ergebnis

Spezifikationen

Specification
HTML Standard # dom-tr-sectionrowindex

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

HTMLTableRowElement.rowIndex