HTMLTableCellElement: abbr-Eigenschaft
Baseline
Weitgehend verfügbar
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 abbr-Eigenschaft des HTMLTableCellElement-Interfaces
gibt eine Abkürzung an, die mit der Zelle verbunden ist. Wenn die Zelle keine Header-Zelle <th> darstellt, wird sie ignoriert.
Sie spiegelt das abbr-Attribut des <th>-Elements wider.
Hinweis: Diese Eigenschaft hat keine visuelle Wirkung in Browsern. Sie fügt zusätzliche Informationen hinzu, um unterstützende Technologien wie Bildschirmlesegeräte zu unterstützen, die diese Abkürzung verwenden können.
Wert
Ein String.
Beispiele
Dieses Beispiel fügt Präfixe mit der Abkürzung hinzu, die mit dem Zeilenheader jeder ersten Zelle verbunden sind.
HTML
<table>
<thead>
<tr>
<th abbr="Maker">Manufacturer</th>
<th abbr="Model">Car model</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tesla</td>
<td>3</td>
</tr>
<tr>
<td>BYD</td>
<td>Dolphin</td>
</tr>
<tr>
<td>VW</td>
<td>ID.3</td>
</tr>
</tbody>
</table>
JavaScript
const rows = document.querySelectorAll("thead tr");
const cells = rows[0].cells;
for (const cell of cells) {
cell.textContent = `${cell.textContent} (${cell.abbr})`;
}
Ergebnisse
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-th-abbr |