HTML DOM Table objekti

Table-objekti

Table-objekti edustaa HTML <table> -elementtiä.

Table-objektin pääsy

Voit käyttää getElementById() -menetelmää saadaksesi <table> -elementin:

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

Kokeile itse

Luoda Table-objekti

Voit luoda <table> -elementin document.createElement() -menetelmän avulla:

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

Kokeile itse

Table-objektijoukko

Kokoelma Kuvaus
cells Palauta taulukon kaikki <td> tai <th> -elementtien joukko.
rows Palauta taulukon kaikki <tr> -elementtien joukko.
tBodies Palauta taulukon kaikki <tbody> -elementtien joukko.

Table-objektiominaisuudet

Atribuutit Kuvaus
align

HTML5:ssä sitä ei tueta.Käytä sen sijaan style.cssFloat.

Aseta tai palauta taulukon suhteellisen ympäröivän tekstin tasaus.

background

HTML5:ssä sitä ei tueta.Käytä sen sijaan style.background.

Aseta tai palauta taulukon taustakuvan.

bgColor

HTML5:ssä sitä ei tueta.Käytä sen sijaan style.backgroundColor.

Aseta tai palauta taulukon taustaväri.

border

Hylätty.Käytä sen sijaan style.border.

Aseta tai palauta taulukon reunan leveys.

caption Palauta taulukon <caption> -elementti.
cellPadding

HTML5:ssä sitä ei tueta.Käytä sen sijaan style.padding.

Aseta tai palauta solun reunan ja solun sisällön välinen tilavuus.

cellSpacing

HTML5:ssä sitä ei tueta.Käytä sen sijaan style.borderSpacing.

Aseta tai palauta taulukon solujen välisen tilan määrä.

frame

HTML5:ssä sitä ei tueta.

Aseta tai palauta näytettävän (taulukon) ulkoisen reunan leveys.

height

HTML5:ssä sitä ei tueta.Käytä sen sijaan style.height.

Aseta tai palauta taulukon korkeus.

rules

HTML5:ssä sitä ei tueta.

Aseta tai palauta taulukossa näytettävän sisäisen reunan (solujen välisen) leveys.

summary

HTML5:ssä sitä ei tueta.

Aseta tai palauta taulukon tietojen kuvaus.

tFoot Palauta viittaus taulukon <tfoot>-elementtiin.
tHead Palauta viittaus taulukon <thead>-elementtiin.
width

HTML5:ssä sitä ei tueta.Käytä sen sijaan style.width.

Aseta tai palauta taulukon leveys.

Table-objektin metodit

Metodi Kuvaus
createCaption() Luo tyhjä <caption>-elementti ja lisää se taulukkoon.
createTFoot() Luo tyhjä <tfoot>-elementti ja lisää se taulukkoon.
createTHead() Luo tyhjä <thead>-elementti ja lisää se taulukkoon.
deleteCaption() Poista ensimmäinen <caption>-elementti taulukosta.
deleteRow() Poista taulukosta rivi (<tr>).
deleteTFoot() Poista <tfoot>-elementti taulukosta.
deleteTHead() Poista <thead>-elementti taulukosta.
insertRow() Luo tyhjä <tr>-elementti ja lisää se taulukkoon.

Standardi-ominaisuudet ja -tapahtumat

Table-objekti tukee sekä standardejaAtribuutitjaTapahtumat.

Liittyvät sivut

HTML-opas:HTML-taulukko

HTML-referenssikirja:HTML <table>-tagi