Tabel createTFoot() Methode
Voorbeeld
Maak een <tfoot> element (en voeg er een <tr> en <td> element aan toe):
// 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>";
Definitie en gebruik
De methode createTFoot() maakt een leeg <tfoot>-element en voegt dit toe aan de tabel.
Opmerking: als er al een <tfoot>-element in de tabel bestaat, retourneert de methode createTFoot() het bestaande en wordt er geen nieuw gemaakt.
Opmerking: het <tfoot>-element moet een of meer <tr>-tags bevatten.
Tip: gebruik de methode deleteTFoot() om het element <tfoot> uit een tabel te verwijderen .
Browserondersteuning
Method | |||||
---|---|---|---|---|---|
createTFoot() | Yes | Yes | Yes | Yes | Yes |
Syntaxis
tableObject.createTFoot()
Parameters:
Geen |
Technische details
Winstwaarde: | Het nieuw gemaakte (of een bestaande) <tfoot> element |
---|
Meer voorbeelden
Voorbeeld
Maak en verwijder een <tfoot> element:
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();
}
Gerelateerde pagina's
HTML-referentie: HTML <tfoot>-tag
❮ Tafelobject