Table createTFoot() methode

HTML DOM Table object

Definitie en gebruik

createTFoot() Deze methode maakt een lege <tfoot> element en voeg het toe aan de tabel.

Opmerking:Als er al een <tfoot> element bestaat in de tabel, dan createTFoot() Deze methode retourneert het bestaande element zonder een nieuw element te maken.

Opmerking:Een <tfoot> element moet minstens één of meerdere <tr> tags bevatten.

Tip:Gebruik deleteTFoot() methode.

Zie ook:

HTML Referenties:HTML <tfoot> tag

Voorbeeld

Voorbeeld 1

Maak een <tfoot> element (en voeg <tr> en <td> elementen toe aan het):

// Zoek het <table> element met id="myTable":
var table = document.getElementById("myTable");
// Maak een lege <tfoot> element en voeg het toe aan de tabel:
var footer = table.createTFoot();
// Maak een lege <tr> element en voeg het toe aan de eerste positie van de <tfoot>:
var row = footer.insertRow(0);      
// Voeg een nieuwe cel (<td>) toe aan de eerste positie van de "nieuwe" <tr> element:
var cell = row.insertCell(0);
// Voeg vetgedrukte tekst toe aan de nieuwe cel:
cell.innerHTML = "<b>This is a table footer</b>";

Try it yourself

Voorbeeld 2

Maak en verwijder <tfoot> elementen:

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

Try it yourself

Syntax

tableObject.createTFoot()

Parameters

None.

Technical details

Return value: Newly created (or existing)<tfoot> element.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM Table object