Método Table createTFoot()

Objeto Table do HTML DOM

Definição e uso

createTFoot(): O método cria um Elemento <tfoot> e adicioná-lo à tabela.

Observação:Se já existir um elemento <tfoot> na tabela, então: createTFoot(): O método retorna o elemento existente, sem criar um novo.

Observação:O elemento <tfoot> interno deve conter uma ou mais tags <tr>.

Dica:Para excluir o elemento <tfoot> da tabela, use: Método deleteTFoot():.

Veja também:

Manual de referência HTML:Etiqueta <tfoot> do HTML

Exemplo

Exemplo 1

Criar elemento <tfoot> (e inserir elementos <tr> e <td>):

// Encontrar o elemento <table> com id="myTable":
var table = document.getElementById("myTable");
// Criar um elemento <tfoot> vazio e adicioná-lo à tabela:
var footer = table.createTFoot();
// Criar um elemento <tr> vazio e adicioná-lo na primeira posição do <tfoot>:
var row = footer.insertRow(0);      
// Inserir nova célula (<td>) na primeira posição do novo elemento <tr> "novo":
var cell = row.insertCell(0);
// Adicionar texto em negrito na nova célula:
cell.innerHTML = '<b>This is a table footer</b>';

Experimente pessoalmente

Exemplo 2

Criar e excluir elementos <tfoot>:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var footer = table.createTFoot();
  var row = footer.insertRow(0);
  var cell = row.insertCell(0);
  cell.innerHTML = '<b>This is a table footer</b>';
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteTFoot();
}

Experimente pessoalmente

Sintaxe

tableObject.createTFoot()

Parâmetros

Nenhum.

Detalhes técnicos

Retorno: Novamente criado (ou existente)Elemento <tfoot>.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Objeto Table do HTML DOM