Table createTHead() Methode

HTML DOM Table-Objekt

Definition und Verwendung

createTHead() Methode erstellt ein leeres <thead>-Element und fügen Sie es dem Table hinzu.

Bemerkung:Wenn im Table bereits ein <thead>-Element existiert, dann createTHead() Die Methode gibt das vorhandene Element zurück, ohne ein neues zu erstellen.

Bemerkung:Innerhalb des <thead>-Elements muss mindestens ein <tr>-Tag vorhanden sein.

Hinweis:Um das <thead>-Element aus dem Table zu löschen, verwenden Sie deleteTHead()-Methode.

Weitere Informationen:

HTML-Referenzhandbuch:HTML <thead>-Tag

Beispiel

Beispiel 1

Erstellen Sie das <thead>-Element (und fügen Sie <tr> und <td>-Elemente hinzu):

// Finden Sie das <table>-Element mit id="myTable":
var table = document.getElementById("myTable");
// Erstellen Sie ein leeres <thead>-Element und fügen Sie es dem Table hinzu:
var header = table.createTHead();
// Erstellen Sie ein leeres <tr>-Element und fügen Sie es an die erste Position des <thead> hinzu:
var row = header.insertRow(0);     
// Fügen Sie eine neue Zelle (<td>) an die erste Position des "neuen" <tr>-Elements hinzu:
var cell = row.insertCell(0);
// Fügen Sie fett gedruckten Text in der neuen Zelle hinzu:
cell.innerHTML = "<b>This is a table header</b>";

Probieren Sie es selbst aus

Beispiel 2

Erstellen und löschen Sie das <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();
}

Probieren Sie es selbst aus

Syntax

tableObject.createTHead()

Parameter

Keine.

Technische Details

Rückgabewert: Neu erstellte (oder vorhandene)<thead>-Element.

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

HTML DOM Table-Objekt