Table createTHead() methode

HTML DOM Table Object

Definitie en gebruik

createTHead() De methode maakt een lege <thead> Element en voeg het toe aan de tabel.

Opmerking:Als er al een <thead> element bestaat in de tabel, createTHead() De methode retourneert het bestaande element zonder een nieuw element te maken.

Opmerking:Er moet minstens één of meerdere <tr> tags aanwezig zijn binnen het <thead> element.

Tip:Gebruik deleteTHead() methode.

Zie ook:

HTML referentiemanual:HTML <thead> Tag

Voorbeeld

Voorbeeld 1

Maak <thead> element (en voeg <tr> en <td> elementen toe):

// Vind het <table> element met id="myTable":
var table = document.getElementById("myTable");
// Maak een lege <thead> element en voeg het toe aan de tabel:
var header = table.createTHead();
// Maak een lege <tr> element en voeg het toe aan de eerste positie van <thead>:
var row = header.insertRow(0);     
// Voeg een nieuwe cel (<td>) toe aan de eerste positie van de "nieuwe" <tr> element:
var cell = row.insertCell(0);
// Voeg vet tekst toe aan de nieuwe cel:
cell.innerHTML = "<b>This is a table header</b>";

Try It Yourself

Voorbeeld 2

Maak en verwijder <thead> elementen:

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

Try It Yourself

Syntax

tableObject.createTHead()

Parameters

None.

Technical Details

Return value: Newly created (or existing)<thead> Element.

Browser Support

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

HTML DOM Table Object