Table createTFoot() metode

HTML DOM Table objekt

Definition og brug

createTFoot() Metoden opretter en tom <tfoot> element og tilføj det til tabellen.

Bemærk:Hvis der allerede er et <tfoot>-element i tabellen, createTFoot() Metoden returnerer eksisterende element uden at oprette et nyt element.

Bemærk:<tfoot>-elementet skal indeholde en eller flere <tr>-etiketter.

Tip:For at fjerne <tfoot>-element fra tabellen, brug: deleteTFoot() metode.

Se også:

HTML referencemanual:HTML <tfoot> tag

Eksempel

Eksempel 1

Opret <tfoot>-element (og indsæt <tr> og <td>-elementer):

// Find <table>-elementet med id="myTable":
var table = document.getElementById("myTable");
// Opret et tomt <tfoot>-element og tilføj det til tabellen:
var footer = table.createTFoot();
// Opret et tomt <tr>-element og tilføj det til den første position i <tfoot>:
var row = footer.insertRow(0);      
// Indsæt ny celle (<td>) i den første position i "ny" <tr>-element:
var cell = row.insertCell(0);
// Tilføj fed tekst i ny celle:
cell.innerHTML = "<b>This is a table footer</b>";

Prøv det selv

Eksempel 2

Opret og slet <tfoot>-elementer:

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();
}

Prøv det selv

Syntaks

tableObject.createTFoot()

Parametre

Intet.

Tekniske detaljer

Returværdi: Nyt oprettet (eller eksisterende)<tfoot> element.

Browser understøttelse

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM Table objekt