Objeto DOM Tabela HTML

objeto Tabela

O objeto da tabela representa um HTML <table> elemento.

Você pode acessar uma <table> elemento usando getElementById() :

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

Você pode criar um <table> elemento usando o document. createElement() document. createElement() Método:

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

Coleção	Descrição
rows	Retorna uma coleção de todos os <tr> elementos em uma tabela
tBodies	Retorna uma coleção de todos os <tbody> elementos em uma tabela

Propriedade	Descrição
align	Não suportado em HTML5. Use style.cssFloat vez. Define ou retorna o alinhamento de uma tabela de acordo com o texto circundante
background	Não suportado em HTML5. Use style.background vez. Define ou retorna a imagem de uma mesa de fundo
bgColor	Não suportado em HTML5. Use style.backgroundColor vez. Define ou retorna a cor de uma mesa de fundo
border	Descontinuada. Use style.border vez. Define ou retorna a largura da borda da tabela.
caption	Retorna o <caption> elemento de uma mesa
cellPadding	Não suportado em HTML5. Use style.padding vez. Define ou retorna a quantidade de espaço entre a borda da célula e o conteúdo da célula
cellSpacing	Não suportado em HTML5. Use style.borderSpacing vez. Define ou retorna a quantidade de espaço entre as células em uma mesa
frame	Não suportado em HTML5. Define ou retorna qual exteriores-fronteiras (of a table) que devem ser exibidos
height	Não suportado em HTML5. Use style.height vez. Define ou retorna a altura de uma mesa
rules	Não suportado em HTML5. Define ou retorna qual interiores-fronteiras (between the cells) que devem ser apresentadas num quadro
summary	Não suportado em HTML5. Define ou retorna uma descrição dos dados em uma tabela
tFoot	Retorna uma referência ao <tfoot> elemento de uma mesa
tHead	Retorna uma referência ao <thead> elemento de uma mesa
width	Não suportado em HTML5. Use style.width vez. Define ou retorna a largura da tabela

Método	Descrição
createCaption()	Cria um vazio <caption> elemento e adiciona-lo para a mesa
createTFoot()	Cria um vazio <tfoot> elemento e adiciona-lo para a mesa
createTHead()	Cria um vazio <thead> elemento e adiciona-lo para a mesa
deleteCaption()	Remove a primeira <caption> elemento da tabela
deleteRow()	Remove uma linha (<tr>) da mesa
deleteTFoot()	Remove o <tfoot> elemento da tabela
deleteTHead()	Remove o <thead> elemento da tabela
insertRow()	Cria um vazio <tr> elemento e adiciona-lo para a mesa

O objecto da tabela também apoia o padrão de propriedades e eventos .

Tutorial HTML: tabelas HTML

Referência HTML: HTML <table> tag