Table createTFoot() metod

HTML DOM Table-objekt

Definition och användning

createTFoot() Metoden skapar en tom <tfoot> element och lägg till det i tabellen.

Kommentar:Om det redan finns ett <tfoot>-element i tabellen: createTFoot() Metoden returnerar det befintliga elementet utan att skapa ett nytt element.

Kommentar:Inuti <tfoot>-elementet måste det finnas en eller flera <tr>-taggar.

Tips:För att ta bort <tfoot>-elementet från tabellen, använd: deleteTFoot() metod.

Se också:

HTML-referenshandbok:HTML <tfoot> etikett

Exempel

Exempel 1

Skapa <tfoot>-elementet (och lägg till <tr> och <td>-element i det):

// Hitta <table>-elementet med id="myTable":
var table = document.getElementById("myTable");
// Skapa ett tomt <tfoot>-element och lägg till det i tabellen:
var footer = table.createTFoot();
// Skapa ett tomt <tr>-element och lägg till det på den första positionen i <tfoot>:
var row = footer.insertRow(0);      
// Lägg till en ny cell (<td>) på den första positionen i den "nya" <tr>-elementet:
var cell = row.insertCell(0);
// Lägg till fet text i den nya cellen:
cell.innerHTML = "<b>This is a table footer</b>";

Prova själv

Exempel 2

Skapa och ta bort <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();
}

Prova själv

Syntaks

tableObject.createTFoot()

Parametrar

Inga.

Tekniska detaljer

Returvärde: Nytt skapat (eller befintligt)<tfoot> element.

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd

HTML DOM Table-objekt