td/th chEigenschaft
td/th-Objekt
Definition und Verwendung
Die ch-Eigenschaft legt das Ausrichtungszeichen einer Zelle fest oder gibt es zurück.
Die Ausrichtung aller Zellinhalte in derselben Spalte hängt von diesem Zeichen ab.
Syntax
Die ch-Eigenschaft festlegen:
tdObject.ch="text"
oder
thObject.ch="text"
oder
thObject.ch="text"
Die ch-Eigenschaft zurückgeben:
tdObject.ch
oder
thObject.ch
oder
thObject.ch
TippDie Eigenschaft hat keinen Standardwert.
Browser-Unterstützung
![]()
![]()
![]()
![]()
![]()
Alle wichtigen Browser unterstützen die ch-Eigenschaft. Allerdings implementiert kein wichtiger Browser die Funktionalität dieser Eigenschaft.
Beispiel
Beispiel
Richten Sie die Spalte "Ersparnisse" am Zeichen "." aus:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example(example.com)</title>
<script>
function displayResult(){
var c=document.getElementById("myCol");
alert("Das Ausrichtungszeichen der zweiten Spalte ist: " + c.ch);
}
</script>
</head>
<body>
<table border="1">
<colgroup>
<col>
<col id="myCol" align="char" char=".">
</colgroup>
<tr>
<th>Monat</th>
<th>Ersparnisse</th>
</tr>
<tr>
<td>Januar</td>
<td>$100.00</td>
</tr>
<tr>
<td>Februar</td>
<td>$10.00</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Zeichenausrichtung abrufen</button>
<p><b>Hinweis:</b> Nicht alle gängigen Browser unterstützen die char-Eigenschaft.</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Example(example.com)</title>
<script>
function displayResult(){
var c=document.getElementById("myCol");
alert("Das Ausrichtungszeichen der zweiten Spalte ist: " + c.ch);
}
</script>
</head>
<body>
<table border="1">
<colgroup>
<col>
<col id="myCol" align="char" char=".">
</colgroup>
<tr>
<th>Monat</th>
<th>Ersparnisse</th>
</tr>
<tr>
<td>Januar</td>
<td>$100.00</td>
</tr>
<tr>
<td>Februar</td>
<td>$10.00</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Zeichenausrichtung abrufen</button>
<p><b>Hinweis:</b> Nicht alle gängigen Browser unterstützen die char-Eigenschaft.</p>
</body>
</html>
Selbst ausprobieren »
td/th-Objekt Andere Erweiterungen