[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/de/docs/Web/API/HTMLTableRowElement/sectionRowIndex [Back]  [Original]

HTMLTableRowElement: sectionRowIndex-Eigenschaft - Web-APIs | MDN

Dieser Inhalt wurde automatisch aus dem Englischen bersetzt, und kann Fehler enthalten. Erfahre mehr ber dieses Experiment.

View in English Always switch to English

HTMLTableRowElement: sectionRowIndex-Eigenschaft

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Juli 2015 browserbergreifend verfgbar.

Die sectionRowIndex schreibgeschtzte Eigenschaft des HTMLTableRowElement Interfaces reprsentiert die Position einer Zeile innerhalb des aktuellen Abschnitts (<thead>, <tbody> oder <tfoot>).

In diesem Artikel

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

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

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

Ergebnis

Spezifikationen

Spezifikation
HTML
# dom-tr-sectionrowindex

Browser-Kompatibilitt

Siehe auch


Web Proxy Viewer  |  New URL  |  Original Page