Metodo Table createTFoot()

Oggetto Table DOM HTML

Definizione e uso

createTFoot(): Il metodo crea un elemento vuoto Elemento <tfoot> e aggiungilo alla tabella.

Nota:Se nella tabella esiste già un elemento <tfoot>, createTFoot(): Il metodo restituisce l'elemento esistente senza creare un nuovo elemento.

Nota:All'interno dell'elemento <tfoot> devono esserci uno o più tag <tr>.

Suggerimento:Per eliminare l'elemento <tfoot> dalla tabella, utilizzare: Metodo deleteTFoot():.

Vedi anche:

Manuale HTML:Tag <tfoot> HTML

Esempio

Esempio 1

Creazione dell'elemento <tfoot> (e inserimento degli elementi <tr> e <td>):

// Trova l'elemento <table> con id="myTable":
var table = document.getElementById("myTable");
// Crea un elemento <tfoot> vuoto e aggiungilo alla tabella:
var footer = table.createTFoot();
// Crea un elemento <tr> vuoto e aggiungilo alla prima posizione del <tfoot>:
var row = footer.insertRow(0);      
// Inserisci una nuova cella (<td>) nella prima posizione dell'elemento <tr> "nuovo":
var cell = row.insertCell(0);
// Aggiungi testo in grassetto nella nuova cella:
cell.innerHTML = "<b>This is a table footer</b>";

Prova personalmente

Esempio 2

Creazione e eliminazione dell'elemento <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();
}

Prova personalmente

Sintassi

tableObject.createTFoot()

Parametri

Nessuno.

Dettagli tecnici

Valore di ritorno: Nuovo creato (o esistente)Elemento <tfoot>.

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Oggetto Table DOM HTML