Beispiel
Erstellen Sie ein <tfoot> Element (and insert a <tr> and <td> element to it) Sie (and insert a <tr> and <td> element to it) , (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>"; Versuch es selber " Definition und Verwendung
Die createTFoot() Methode erstellt ein leeres <tfoot> Element und fügt sie auf den Tisch.
Note: Wenn ein <tfoot> Element bereits auf dem Tisch vorhanden ist , die createTFoot() Methode gibt die vorhandenen und nicht einen neuen erstellen.
Hinweis: Das <tfoot> Element eine haben muss oder mehr <tr> -Tags innerhalb.
Tip: Um das Entfernen <tfoot> Element aus einer Tabelle, verwenden Sie die deleteTFoot() Methode.
Browser-Unterstützung
| Methode | |||||
|---|---|---|---|---|---|
| createTFoot() | Ja | Ja | Ja | Ja | Ja |
Syntax
tableObject .createTFoot()
Parameter
| Keiner |
Technische Details
| Rückgabewert: | Die neu erstellen (or an existing) <tfoot> Element |
|---|
Mehr Beispiele
Beispiel
Erstellen und Löschen eines <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();
} Versuch es selber " Verwandte Seiten
HTML - Referenz: HTML <tfoot> tag
<Table Object