Tabelle createTFoot()- Methode
Beispiel
Erstellen Sie ein <tfoot>-Element (und fügen Sie ein <tr>- und ein <td>-Element ein):
// 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>";
Definition und Verwendung
Die createTFoot()-Methode erstellt ein leeres <tfoot>-Element und fügt es der Tabelle hinzu.
Hinweis: Wenn in der Tabelle bereits ein <tfoot>-Element vorhanden ist, gibt die createTFoot()-Methode das vorhandene Element zurück und erstellt kein neues.
Hinweis: Das <tfoot>-Element muss ein oder mehrere <tr>-Tags enthalten.
Tipp: Um das Element <tfoot> aus einer Tabelle zu entfernen, verwenden Sie die Methode deleteTFoot() .
Browser-Unterstützung
Method | |||||
---|---|---|---|---|---|
createTFoot() | Yes | Yes | Yes | Yes | Yes |
Syntax
tableObject.createTFoot()
Parameter
Keiner |
Technische Details
Rückgabewert: | Das neu erstellte (oder ein vorhandenes) <tfoot>-Element |
---|
Mehr Beispiele
Beispiel
Erstellen und löschen Sie ein <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();
}
Verwandte Seiten
HTML-Referenz: HTML-<tfoot>-Tag
❮ Tabellenobjekt