HTML DOM Table Object

Table-object

Het Table-object vertegenwoordigt het HTML <table>-element.

Toegang tot het Table-object

U kunt het getElementById() method gebruiken om toegang te krijgen tot het <table>-element:

var x = document.getElementById("myTable");

Probeer het zelf

Maak het Table-object aan

U kunt het document.createElement() method gebruiken om een <table>-element te maken:

var x = document.createElement("TABLE");

Probeer het zelf

Verzameling van het Table-object

Verzameling Beschrijving
cells Retourner de verzameling van alle <td> of <th>-elementen in de tabel.
rows Retourner de verzameling van alle <tr>-elementen in de tabel.
tBodies Retourner de verzameling van alle <tbody>-elementen in de tabel.

Eigenschappen van het Table-object

Eigenschappen Beschrijving
align

Niet ondersteund in HTML5.Gebruik style.cssFloat.

Instellen of retourner de uitlijning van de tabel ten opzichte van de omringende tekst.

background

Niet ondersteund in HTML5.Gebruik style.background.

Instellen of retourner de achtergrondafbeelding van de tabel.

bgColor

Niet ondersteund in HTML5.Gebruik style.backgroundColor.

Instellen of retourner de achtergrondkleur van de tabel.

border

Verouderd.Gebruik style.border.

Instellen of retourner de breedte van de tabelrand.

caption Retourner het <caption>-element van het tabel.
cellPadding

Niet ondersteund in HTML5.Gebruik style.padding.

Instellen of retourner de ruimte tussen de celrand en de celinhoud.

cellSpacing

Niet ondersteund in HTML5.Gebruik style.borderSpacing.

Stel in of retourneer de ruimte tussen de cellen in de tabel.

frame

Niet ondersteund in HTML5.

Stel in of retourneer de buitenste rand die moet worden weergegeven (van het tabel).

height

Niet ondersteund in HTML5.Gebruik style.height.

Stel in of retourneer de hoogte van de tabel.

rules

Niet ondersteund in HTML5.

Stel in of retourneer de binnenste rand (tussen cellen) die in de tabel moet worden weergegeven.

summary

Niet ondersteund in HTML5.

Stel in of retourneer de beschrijving van de gegevens in de tabel.

tFoot Retourneer een verwijzing naar het <tfoot>-element van de tabel.
tHead Retourneer een verwijzing naar het <thead>-element van de tabel.
width

Niet ondersteund in HTML5.Gebruik style.width.

Stel in of retourneer de breedte van het tabel.

Methoden van het Table-object

Methode Beschrijving
createCaption() Maak een lege <caption>-element aan en voeg het toe aan de tabel.
createTFoot() Maak een lege <tfoot>-element aan en voeg het toe aan de tabel.
createTHead() Maak een lege <thead>-element aan en voeg het toe aan de tabel.
deleteCaption() Verwijder het eerste <caption>-element van de tabel.
deleteRow() Verwijder een rij (<tr>) van de tabel.
deleteTFoot() Verwijder het <tfoot>-element van de tabel.
deleteTHead() Verwijder het <thead>-element van de tabel.
insertRow() Maak een lege <tr>-element aan en voeg het toe aan de tabel.

Standaard eigenschappen en gebeurtenissen

Het Table-object ondersteunt zowel standaardenEigenschappenenGebeurtenissen.

Gerelateerde pagina's

HTML-tutorial:HTML-table

HTML Referentiemanual:HTML <table>-tag