Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
HTMLTableRowElement: rowIndex-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
DierowIndex-Eigenschaft derHTMLTableRowElement-Schnittstelle ist eine schreibgeschützte Eigenschaft, die die Position einer Zeile innerhalb der gesamten<table> darstellt.
Selbst wenn die<thead>,<tbody> und<tfoot>-Elemente in der HTML-Datei außerhalb der Reihenfolge stehen, rendern Browser die Tabelle in der richtigen Reihenfolge. Daher werden die Zeilen von<thead> zu<tbody>, von<tbody> zu<tfoot> gezählt.
Wert
Der Index der Zeile oder-1, wenn die Zeile nicht Teil einer Tabelle ist.
Beispiele
Dieses Beispiel verwendet JavaScript, um alle Zeilennummern in einer Tabelle zu beschriften.
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("tr");rows.forEach((row) => { const z = document.createElement("td"); z.textContent = `(row #${row.rowIndex})`; row.appendChild(z);});Ergebnis
Spezifikationen
| Specification |
|---|
| HTML # dom-tr-rowindex-dev |