A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.cdn.mozilla.net/de/docs/Web/API/HTMLTableCellElement/abbr below:

HTMLTableCellElement: abbr-Eigenschaft - Web-APIs | MDN

HTMLTableCellElement: abbr-Eigenschaft

Baseline Widely available

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>
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 Browser-Kompatibilität MDN-Feedback-Box War diese Übersetzung hilfreich?

Diese Seite wurde automatisch aus dem Englischen übersetzt.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4