Table createTHead() Method

Exemple

Créer un <thead> élément (and insert a <tr> and <td> element to it) :

// 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>";

Essayez vous - même »

Définition et utilisation

Le createTHead() méthode crée un vide <thead> élément et ajoute à la table.

Note: Si un <thead> élément existe déjà sur la table, la createTHead() méthode retourne l'existant, et ne crée pas une nouvelle.

Remarque: Le <thead> élément doit avoir un ou plusieurs <tr> balises à l' intérieur.

Tip: Pour supprimer le <thead> élément d'une table, utilisez la deleteTHead() méthode.

Support du navigateur

méthode
createTHead()	Oui	Oui	Oui	Oui	Oui

Syntaxe

tableObject .createTHead()

Paramètres

Aucun

Détails techniques

Valeur de retour:	Le nouveau (or an existing) <thead> élément

autres exemples

Exemple

Créer et supprimer un <thead> élément:

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 vous - même »