Gli ultimi tutorial di sviluppo web
 

HTML DOM Object Table


Tabella Object

L'oggetto Tabella rappresenta un HTML <table> elemento.

Accedere a un oggetto Tabella

È possibile accedere a un <table> elemento utilizzando getElementById() :

Esempio

var x = document.getElementById("myTable");
Prova tu stesso "

Creare un oggetto Table

È possibile creare un <table> elemento utilizzando il document. createElement() document. createElement() Metodo:

Esempio

var x = document.createElement("TABLE");
Prova tu stesso "

Tabella Object Collezioni

Collezione Descrizione
rows Restituisce una raccolta di tutte le <tr> elementi in una tabella
tBodies Restituisce una raccolta di tutte le <tbody> elementi in una tabella

Proprietà oggetto tabella

Proprietà Descrizione
align Non supportato in HTML5. Utilizzare style.cssFloat invece.
Imposta o restituisce l'allineamento di una tabella in base al testo circostante
background Non supportato in HTML5. Utilizzare style.background invece.
Imposta o restituisce l'immagine di una tabella di sfondo
bgColor Non supportato in HTML5. Utilizzare style.backgroundColor invece.
Imposta o restituisce il colore di una tabella di sfondo
border Deprecato. Utilizzare style.border invece.
Imposta o restituisce la larghezza del bordo della tabella.
caption Restituisce il <caption> elemento di una tabella
cellPadding Non supportato in HTML5. Utilizzare style.padding invece.
Imposta o restituisce la quantità di spazio tra il bordo della cella e il contenuto delle celle
cellSpacing Non supportato in HTML5. Utilizzare style.borderSpacing invece.
Imposta o restituisce la quantità di spazio tra le celle di una tabella
frame Non supportato in HTML5.
Imposta o ritorni che rinnovano costantemente confini (of a table) che devono essere visualizzati
height Non supportato in HTML5. Usa style.height invece.
Imposta o restituisce l'altezza di un tavolo
rules Non supportato in HTML5.
Imposta o ritorni che interno-confini (between the cells) che devono essere visualizzati in una tabella
summary Non supportato in HTML5.
Imposta o restituisce una descrizione dei dati in una tabella
tFoot Restituisce un riferimento alla <tfoot> elemento di una tabella
tHead Restituisce un riferimento alla <thead> elemento di una tabella
width Non supportato in HTML5. Utilizzare style.width invece.
Imposta o restituisce la larghezza della tabella

Metodi Tabella Object

Metodo Descrizione
createCaption() Crea un vuoto <caption> elemento e lo aggiunge alla tabella
createTFoot() Crea un vuoto <tfoot> elemento e lo aggiunge alla tabella
createTHead() Crea un vuoto <thead> elemento e lo aggiunge alla tabella
deleteCaption() Rimuove il primo <caption> elemento dal tavolo
deleteRow() Rimuove una riga (<tr>) dalla tabella
deleteTFoot() Rimuove il <tfoot> elemento dal tavolo
deleteTHead() Rimuove il <thead> elemento dal tavolo
insertRow() Crea un vuoto <tr> elemento e lo aggiunge alla tabella

Proprietà ed eventi standard

L'oggetto Tabella supporta anche lo standard proprietà ed eventi .


Pagine correlate

HTML tutorial: tabelle HTML

Di riferimento HTML: HTML <table> tag