Metoda Table createTHead()

Obiekt DOM Table HTML

Definicja i użycie

createTHead(): Metoda tworzy pusty: Element <thead> i dodaj go do tabeli.

Komentarz:Jeśli w tabeli istnieje już element <thead>, to: createTHead(): Metoda zwraca istniejący element, bez tworzenia nowego.

Komentarz:Wewnętrzność elementu <thead> musi zawierać jeden lub więcej tagów <tr>.

Wskazówka:Aby usunąć element <thead> z tabeli, użyj: Metoda deleteTHead():.

Zobacz również:

Podręcznik HTML:Tag <thead> HTML

Przykład

Przykład 1

Tworzenie elementu <thead> (i dodawanie do niego elementów <tr> i <td>):

// Znajdź element <table> o id="myTable":
var table = document.getElementById("myTable");
// Utwórz pusty element <thead> i dodaj go do tabeli:
var header = table.createTHead();
// Utwórz pusty element <tr> i dodaj go do pierwszego miejsca <thead>:
var row = header.insertRow(0);     
// W pierwszym miejscu nowego elementu <tr> dodaj nową komórkę (<td>):
var cell = row.insertCell(0);
// Dodaj do nowej komórki tekst w stylu pogrubionym:
cell.innerHTML = "<b>This is a table header</b>";

Spróbuj sam

Przykład 2

Tworzenie i usuwanie elementu <thead>:

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

Spróbuj sam

Gramatyka

tableObject.createTHead()

Parametry

Brak.

Szczegóły techniczne

Wartość zwracana: Nowo utworzony (lub istniejący)Element <thead>.

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Obiekt DOM Table HTML