HTMLTableCellElement: abbr-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 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.

<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

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

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

Ergebnisse

Spezifikationen

Specification
HTML Standard # dom-th-abbr

Browser-Kompatibilität

BCD tables only load in the browser