Mesa createTFoot() Method

Ejemplo

Crear un <tfoot> elemento (and insert a <tr> and <td> element to it) :

// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");

// Create an empty <tfoot> element and add it to the table:
var footer = table.createTFoot();

// Create an empty <tr> element and add it to the first position of <tfoot> :
var row = footer.insertRow(0);

// Insert a new cell (<td>) at the first position of the "new" <tr> element:
var cell = row.insertCell(0);

// Add some bold text in the new cell:
cell.innerHTML = "<b>This is a table footer</b>";

Inténtalo tú mismo "

Definición y Uso

El createTFoot() método crea un vacío <tfoot> elemento y lo añade a la tabla.

Note: Si un <tfoot> elemento ya existe en la tabla, el createTFoot() método devuelve el existente, y no crea una nueva.

Nota: La <tfoot> elemento debe tener uno o más <tr> etiquetas en el interior.

Tip: Para eliminar el <tfoot> elemento de una tabla, utilice el deleteTFoot() método.

Soporte del navegador

Método
createTFoot()	Sí	Sí	Sí	Sí	Sí

Sintaxis

tableObject .createTFoot()

parámetros

Ninguna

Detalles técnicos

Valor de retorno:	El recién creado (or an existing) <tfoot> elemento

Más ejemplos

Ejemplo

Crear y borrar un <tfoot> elemento:

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

Inténtalo tú mismo "