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.

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>

table {
  border-collapse: collapse;
}

th,
td,
table {
  border: 1px solid black;
}

button {
  margin: 1em 1em 1em 0;
}

JavaScript

js
const rows = document.querySelectorAll("thead tr");
const cells = rows[0].cells;

for (const cell of cells) {
  cell.textContent = `${cell.textContent} (${cell.abbr})`;
}

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML DOM API
HTMLTableCellElement
Instanzeigenschaften
1. abbr
2. align
3. bgColor
4. cellIndex
5. ch
6. chOff
7. colSpan
8. headers
9. noWrap
10. rowSpan
11. scope
12. vAlign
Vererbung
Verwandte Seiten für HTML DOM
Anleitungen
1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung

HTMLTableCellElement: abbr-Eigenschaft

In diesem Artikel

Wert

Beispiele

HTML

JavaScript

Ergebnisse

Spezifikationen

Browser-Kompatibilität

Help improve MDN