HTML DOM Table-objekt

Table-objekt

Table-objektet representerar HTML <table> element.

Åtkom Table-objekt

Du kan använda getElementById() för att komma åt <table> element:

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

Prova själv

Skapa Table-objekt

Du kan använda document.createElement() metoden för att skapa <table> element:

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

Prova själv

Table-objektsamling

Samling Beskrivning
cells Returnera sammansättningen av alla <td> eller <th> element i tabellen.
rows Returnera sammansättningen av alla <tr> element i tabellen.
tBodies Returnera sammansättningen av alla <tbody> element i tabellen.

Table-objektets egenskaper

egenskaper Beskrivning
align

Ej stödd i HTML5.Använd style.cssFloat.

Ställ in eller returnera tabellens justering i förhållande till omgivande text.

background

Ej stödd i HTML5.Använd style.background.

Ställ in eller returnera tabellens bakgrundsbild.

bgColor

Ej stödd i HTML5.Använd style.backgroundColor.

Ställ in eller returnera tabellens bakgrundsfärg.

border

Föråldrad.Använd style.border.

Ställ in eller returnera tabellens ramens bredd.

caption Returnera tabellens <caption> element.
cellPadding

Ej stödd i HTML5.Använd style.padding.

Ställ in eller returnera avståndet mellan cellramen och cellinnehållet.

cellSpacing

Ej stödd i HTML5.Använd style.borderSpacing.

Ställ in eller returnera mängden utrymme mellan cellerna i tabellen.

frame

Ej stödd i HTML5.

Ställ in eller returnera den yttre ramen som ska visas (för tabellen).

height

Ej stödd i HTML5.Använd style.height.

Ställ in eller returnera tabellens höjd.

rules

Ej stödd i HTML5.

Ställ in eller returnera inre ramen (mellom celler) som ska visas i tabellen.

summary

Ej stödd i HTML5.

Ställ in eller returnera en beskrivning av data i tabellen.

tFoot Returnera en referens till tabellens <tfoot>-element.
tHead Returnera en referens till tabellens <thead>-element.
width

Ej stödd i HTML5.Använd style.width.

Ställ in eller returnera tabellens bredd.

Table-objektets metoder

Metod Beskrivning
createCaption() Skapa en tom <caption>-element och lägg till den i tabellen.
createTFoot() Skapa en tom <tfoot>-element och lägg till den i tabellen.
createTHead() Skapa en tom <thead>-element och lägg till den i tabellen.
deleteCaption() Ta bort det första <caption>-elementet från tabellen.
deleteRow() Ta bort en rad (<tr>) från tabellen.
deleteTFoot() Ta bort <tfoot>-elementet från tabellen.
deleteTHead() Ta bort <thead>-elementet från tabellen.
insertRow() Skapa en tom <tr>-element och lägg till den i tabellen.

standardegenskaper och händelser

Table-objektet stöder både standardegenskaperochHändelser.

Relaterade sidor

HTML-tutorial:HTML-tabell

HTML-referenshandbok:HTML <table>-tagg