HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
All web technology
Learn web development
Discover our tools
Get to know MDN better
Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
View in English Always switch to English
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die sectionRowIndex schreibgeschützte Eigenschaft des HTMLTableRowElement Interfaces repräsentiert die Position einer Zeile innerhalb des aktuellen Abschnitts (<thead>, <tbody> oder <tfoot>).
sectionRowIndex
HTMLTableRowElement
<thead>
<tbody>
<tfoot>
Der Index der Zeile oder -1, wenn die Zeile nicht Teil des Abschnitts ist.
-1
Dieses Beispiel verwendet JavaScript, um alle Zeilennummern des tbody zu kennzeichnen.
tbody
<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>
const rows = document.querySelectorAll("tbody tr"); rows.forEach((row) => { const z = document.createElement("td"); z.textContent = `(row #${row.sectionRowIndex})`; row.appendChild(z); });
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.
HTMLTableRowElement.rowIndex