Método Table createTFoot()

Objeto Table del DOM HTML

Definición y uso

createTFoot(): El método crea un Elemento <tfoot> y agregarlo a la tabla.

Notas:Si ya existe un elemento <tfoot> en la tabla, createTFoot(): El método devuelve el elemento existente, sin crear uno nuevo.

Notas:El elemento <tfoot> debe contener uno o más etiquetas <tr>.

Consejo:Para eliminar el elemento <tfoot> de la tabla, utilice: Método deleteTFoot():.

Vea también:

Manual de HTML:Etiqueta <tfoot> de HTML

Ejemplo

Ejemplo 1

Crear elemento <tfoot> (y agregar elementos <tr> y <td>):

// Encontrar el elemento <table> con id="myTable":
var table = document.getElementById("myTable");
// Crear un elemento <tfoot> vacío y agregarlo a la tabla:
var footer = table.createTFoot();
// Crear un elemento <tr> vacío y agregarlo a la primera posición del <tfoot>:
var row = footer.insertRow(0);      
// Insertar una nueva celda (<td>) en la primera posición del nuevo elemento <tr>:
var cell = row.insertCell(0);
// Añadir texto en negrita en la nueva celda:
cell.innerHTML = "<b>This is a table footer</b>";

Pruebe usted mismo

Ejemplo 2

Crear y eliminar 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();
}

Pruebe usted mismo

Sintaxis

tableObject.createTFoot()

Parámetros

Ninguno.

Detalles técnicos

Valor de retorno: Nuevamente creado (o existente)Elemento <tfoot>.

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Objeto Table del DOM HTML