Tabel createTHead() Methode
Voorbeeld
Maak een <thead>-element (en voeg er een <tr>- en <td>-element aan toe):
// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");
// Create an empty <thead> element and add it to the table:
var header = table.createTHead();
// Create an empty <tr> element and add it to the first position of <thead>:
var row = header.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 header</b>";
Definitie en gebruik
De methode createTHead() maakt een leeg <thead>-element en voegt dit toe aan de tabel.
Opmerking: als er al een <thead>-element in de tabel bestaat, retourneert de methode createTHead() het bestaande en wordt er geen nieuw gemaakt.
Opmerking: het <thead>-element moet een of meer <tr>-tags bevatten.
Tip: om het <thead>-element uit een tabel te verwijderen, gebruikt u de methode deleteTHead() .
Browserondersteuning
Method | |||||
---|---|---|---|---|---|
createTHead() | Yes | Yes | Yes | Yes | Yes |
Syntaxis
tableObject.createTHead()
Parameters:
Geen |
Technische details
Winstwaarde: | Het nieuw gemaakte (of een bestaande) <thead> element |
---|
Meer voorbeelden
Voorbeeld
Maak en verwijder een <thead> element:
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();
}
Gerelateerde pagina's
HTML-referentie: HTML <thead>-tag
❮ Tafelobject