Table createTFoot() Methode

HTML DOM Table-Objekt

Definition und Verwendung

createTFoot() Die Methode erstellt ein leeres <tfoot>-Element und fügen Sie es dem Table hinzu.

Bemerkung:Wenn bereits ein <tfoot>-Element im Table existiert, dann createTFoot() Die Methode gibt das vorhandene Element zurück, ohne ein neues zu erstellen.

Bemerkung:Das <tfoot>-Element muss mindestens eine <tr>-Schaltfläche enthalten.

Hinweis:Um ein <tfoot>-Element aus dem Table zu löschen, verwenden Sie: deleteTFoot() Methode.

Weitere Informationen siehe:

HTML-Referenzhandbuch:HTML <tfoot>-Tag

Beispiel

Beispiel 1

Erstellen Sie ein <tfoot>-Element (und fügen Sie <tr> und <td>-Elemente hinzu):

// Finden Sie das <table>-Element mit id="myTable":
var table = document.getElementById("myTable");
// Erstellen Sie ein leeres <tfoot>-Element und fügen Sie es dem Table hinzu:
var footer = table.createTFoot();
// Erstellen Sie ein leeres <tr>-Element und fügen Sie es an die erste Position des <tfoot> hinzu:
var row = footer.insertRow(0);      
// Fügen Sie eine neue Zelle (<td>) an die erste Position des "neuen" <tr>-Elements hinzu:
var cell = row.insertCell(0);
// Fügen Sie fettgedruckten Text in der neuen Zelle hinzu:
cell.innerHTML = "<b>This is a table footer</b>";

Versuchen Sie es selbst

Beispiel 2

Erstellen und Löschen von <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();
}

Versuchen Sie es selbst

Syntax

tableObject.createTFoot()

Parameter

Keine.

Technische Details

Rückgabewert: Neu erstelltes (oder bestehendes)<tfoot>-Element.

Browserkompatibilität

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

HTML DOM Table-Objekt