Neueste Web-Entwicklung Tutorials
 

Tabelle createTFoot() Method

<Table Object

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