Méthode Table createTHead()

Objet Table DOM HTML

Définition et utilisation

createTHead() La méthode crée un Élément <thead> et l'ajouter au tableau.

Remarque :Si un élément <thead> existe déjà dans le tableau, alors createTHead() La méthode retourne l'élément existant sans créer un nouvel élément.

Remarque :L'élément <thead> interne doit contenir un ou plusieurs balises <tr>.

Astuce :Pour supprimer l'élément <thead> d'un tableau, utilisez Méthode deleteTHead().

Voir également :

Manuel de référence HTML :Balise <thead> HTML

Exemple

Exemple 1

Créer un élément <thead> (et insérer des éléments <tr> et <td> à l'intérieur) :

// Trouver l'élément <table> avec l'id="myTable" :
var table = document.getElementById("myTable");
// Créer un élément <thead> vide et l'ajouter au tableau :
var header = table.createTHead();
// Créer un élément <tr> vide et l'ajouter à la première position de <thead> :
var row = header.insertRow(0);     
// Insérer une nouvelle cellule (<td>) à la première position de l'élément <tr> "nouveau" :
var cell = row.insertCell(0);
// Ajouter du texte en gras dans la nouvelle cellule :
cell.innerHTML = "<b>This is a table header</b>";

Essayez-le vous-même

Exemple 2

Création et suppression de l'élément <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();
}

Essayez-le vous-même

Syntaxe

tableObject.createTHead()

Paramètres

Aucun.

Détails techniques

Valeur de retour : Nouveau (ou existant)Élément <thead>.

Support du navigateur

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

Objet Table DOM HTML