td/th abbrEigenschaft
td/th-Objekt
Definition und Verwendung
Die abbr-Eigenschaft legt die abgekürzte Version des Inhalts einer Tabellenzelle fest oder gibt sie zurück (für nicht visuelle Medien wie Sprachausgabe und Braille).
Wenn diese Eigenschaft festgelegt ist, hört der Benutzer nur den Wert der abbr-Eigenschaft (nicht den Inhalt der Zelle).
Syntax
abbr-Eigenschaft festlegen:
tdObject.abbr="text"
oder
thObject.abbr="text"
oder
thObject.abbr="text"
abbr-Eigenschaft zurückgeben:
tdObject.abbr
oder
thObject.abbr
oder
thObject.abbr
Tipp:Die abbr-Eigenschaft hat keinen Standardwert.
Browser-Unterstützung
Alle wichtigen Browser unterstützen die abbr-Eigenschaft.
Beispiel
Beispiel
Das folgende Beispiel gibt die abbr der ersten Zelle mit alert aus:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example(example.com)</title>
<script>
function displayResult(){
var table=document.getElementById("myTable");
alert(table.rows[0].cells[0].abbr);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td abbr="def">Halte die Abkürzung kurz, Browser können sie wiederholen.</td>
<td>Zellendaten</td>
</tr>
<tr>
<td>Zellendaten</td>
<td>Zellendaten</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Abkürzung der ersten Zelle abrufen</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Example(example.com)</title>
<script>
function displayResult(){
var table=document.getElementById("myTable");
alert(table.rows[0].cells[0].abbr);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td abbr="def">Halte die Abkürzung kurz, Browser können sie wiederholen.</td>
<td>Zellendaten</td>
</tr>
<tr>
<td>Zellendaten</td>
<td>Zellendaten</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Abkürzung der ersten Zelle abrufen</button>
</body>
</html>
Selbst ausprobieren »
td/th-Objekt Andere Erweiterungen