Table createTHead() metode

HTML DOM Table objekt

Definition og brug

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

Kommentar:Hvis der allerede er et <thead>-element i tabellen, createTHead() Metoden returnerer det eksisterende element uden at oprette et nyt element.

Kommentar:Der skal være en eller flere <tr>-etiketter inde i <thead>-elementet.

Tip:For at fjerne <thead>-elementet fra tabellen, brug deleteTHead() metoden.

Se også:

HTML reference manual:HTML <thead> tag

Eksempel

Eksempel 1

Opret <thead>-elementet (og indsæt <tr> og <td>-elementer i det):

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

Prøv det selv

Eksempel 2

Opret og slet <thead>-elementet:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var header = table.createTHead();
  var row = header.insertRow(0);
  var cell = row.insertCell(0);
  cell.innerHTML = "<b>This is a table header</b>";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteTHead();
}

Prøv det selv

Syntaks

tableObject.createTHead()

Parametre

Intet.

Tekniske detaljer

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

Browser support

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

HTML DOM Table objekt