Oggetto Table DOM HTML

Oggetto Table

L'oggetto Table rappresenta l'elemento HTML <table>.

Accesso all'oggetto Table

Puoi accedere all'elemento <table> utilizzando getElementById():

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

Prova da solo

Creazione dell'oggetto Table

Puoi creare l'elemento <table> utilizzando il metodo document.createElement():

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

Prova da solo

Insieme dell'oggetto Table

Insieme Descrizione
cells Restituisce l'insieme di tutti gli elementi <td> o <th> della tabella.
rows Restituisce l'insieme di tutti gli elementi <tr> della tabella.
tBodies Restituisce l'insieme di tutti gli elementi <tbody> della tabella.

Proprietà dell'oggetto Table

Proprietà Descrizione
align

Non supportato in HTML5.Usa style.cssFloat.

Imposta o restituisce il modo di allineamento della tabella rispetto al testo circostante.

background

Non supportato in HTML5.Usa style.background.

Imposta o restituisce l'immagine di sfondo della tabella.

bgColor

Non supportato in HTML5.Usa style.backgroundColor.

Imposta o restituisce il colore di sfondo della tabella.

border

Disabilitato.Usa style.border.

Imposta o restituisce la larghezza del bordo della tabella.

caption Restituisce l'elemento <caption> della tabella.
cellPadding

Non supportato in HTML5.Usa style.padding.

Imposta o restituisce la quantità di spazio tra il bordo della cella e il contenuto della cella.

cellSpacing

Non supportato in HTML5.Usa style.borderSpacing.

Imposta o restituisci la quantità di spazio tra le celle della tabella.

frame

Non supportato in HTML5.

Imposta o restituisci i margini esterni da visualizzare (della tabella).

height

Non supportato in HTML5.Usa style.height.

Imposta o restituisci l'altezza della tabella.

rules

Non supportato in HTML5.

Imposta o restituisci i margini interni da visualizzare nella tabella (tra le celle).

summary

Non supportato in HTML5.

Imposta o restituisci la descrizione dei dati nella tabella.

tFoot Restituisce un riferimento all'elemento <tfoot> della tabella.
tHead Restituisce un riferimento all'elemento <thead> della tabella.
width

Non supportato in HTML5.Usa style.width.

Imposta o restituisci la larghezza della tabella.

Metodi dell'oggetto Table

Metodo Descrizione
createCaption() Crea un elemento <caption> vuoto e aggiungilo alla tabella.
createTFoot() Crea un elemento <tfoot> vuoto e aggiungilo alla tabella.
createTHead() Crea un elemento <thead> vuoto e aggiungilo alla tabella.
deleteCaption() Rimuovi il primo elemento <caption> dalla tabella.
deleteRow() Elimina una riga (<tr>) dalla tabella.
deleteTFoot() Rimuovi l'elemento <tfoot> dalla tabella.
deleteTHead() Rimuovi l'elemento <thead> dalla tabella.
insertRow() Crea un elemento <tr> vuoto e aggiungilo alla tabella.

Proprietà standard e eventi

L'oggetto Table supporta contemporaneamenteProprietàeEventi.

Pagine correlate

Corso HTML:Tabella HTML

Manuale di riferimento HTML:Etichetta <table> HTML