HTML DOM Table-Objekt
Table-Objekt
Das Table-Objekt repräsentiert das HTML <table>-Element.
Zugriff auf das Table-Objekt
Sie können das getElementById() verwenden, um auf das <table>-Element zuzugreifen:
var x = document.getElementById("myTable");
Erstellen Sie das Table-Objekt
Sie können das document.createElement() Methode verwenden, um das <table>-Element zu erstellen:
var x = document.createElement("TABLE");
Sammlung des Table-Objekts
| Sammlung | Beschreibung |
|---|---|
| cells | Gibt die Sammlung aller <td> oder <th>-Elemente im Tisch zurück. |
| rows | Gibt die Sammlung aller <tr>-Elemente im Tisch zurück. |
| tBodies | Gibt die Sammlung aller <tbody>-Elemente im Tisch zurück. |
Eigenschaften des Table-Objekts
| Eigenschaften | Beschreibung |
|---|---|
| align |
Nicht unterstützt in HTML5.Verwenden Sie style.cssFloat. Einstellen oder zurückgeben der Ausrichtung der Tabelle relativ zum umgebenden Text. |
| background |
Nicht unterstützt in HTML5.Verwenden Sie style.background. Einstellen oder zurückgeben des Hintergrundbildes der Tabelle. |
| bgColor |
Nicht unterstützt in HTML5.Verwenden Sie style.backgroundColor. Einstellen oder zurückgeben der Hintergrundfarbe der Tabelle. |
| border |
Veraltet.Verwenden Sie style.border. Einstellen oder zurückgeben der Breite des Tabellenrandes. |
| caption | Gibt das <caption>-Element der Tabelle zurück. |
| cellPadding |
Nicht unterstützt in HTML5.Verwenden Sie style.padding. Einstellen oder zurückgeben des Raums zwischen Zellenrand und Zelleninhalt. |
| cellSpacing |
Nicht unterstützt in HTML5.Verwenden Sie style.borderSpacing. Stellen Sie oder geben Sie den Raum zwischen den Zellen in der Tabelle ein. |
| frame |
Nicht unterstützt in HTML5. Stellen Sie oder geben Sie die Außenabstände (des Tables) an, die angezeigt werden sollen. |
| height |
Nicht unterstützt in HTML5.Verwenden Sie style.height. Stellen Sie oder geben Sie die Höhe der Tabelle ein. |
| rules |
Nicht unterstützt in HTML5. Stellen Sie oder geben Sie die Innenabstände (zwischen den Zellen) in der Tabelle ein, die angezeigt werden sollen. |
| summary |
Nicht unterstützt in HTML5. Stellen Sie oder geben Sie die Beschreibung der Daten in der Tabelle ein. |
| tFoot | Geben Sie den Verweis auf das <tfoot>-Element der Tabelle zurück. |
| tHead | Geben Sie den Verweis auf das <thead>-Element der Tabelle zurück. |
| width |
Nicht unterstützt in HTML5.Verwenden Sie style.width. Stellen Sie oder geben Sie die Breite der Tabelle ein. |
Methoden des Table-Objekts
| Methode | Beschreibung |
|---|---|
| createCaption() | Erstellen Sie ein leeres <caption>-Element und fügen Sie es in den Tisch ein. |
| createTFoot() | Erstellen Sie ein leeres <tfoot>-Element und fügen Sie es in den Tisch ein. |
| createTHead() | Erstellen Sie ein leeres <thead>-Element und fügen Sie es dem Tisch hinzu. |
| deleteCaption() | Entfernen Sie das erste <caption>-Element aus dem Tisch. |
| deleteRow() | Löschen Sie eine Zeile (<tr>) aus dem Tisch. |
| deleteTFoot() | Entfernen Sie das <tfoot>-Element aus dem Tisch. |
| deleteTHead() | Entfernen Sie das <thead>-Element aus dem Tisch. |
| insertRow() | Erstellen Sie ein leeres <tr>-Element und fügen Sie es dem Tisch hinzu. |
Standardeigenschaften und Ereignisse
Der Table-Objekt unterstützt sowohl StandardsEigenschaftenundEreignisse.
