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 July 2015.
Die rowIndex
-Eigenschaft der HTMLTableRowElement
-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 Standard # dom-tr-rowindex-dev |
Browser-Kompatibilität
BCD tables only load in the browser