Méthode Table createTFoot()

Objet Table DOM HTML

Définition et utilisation

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

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

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

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

Voir également :

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

Exemple

Exemple 1

Créer un élément <tfoot> (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 <tfoot> vide et l'ajouter au tableau :
var footer = table.createTFoot();
// Créer un élément <tr> vide et l'ajouter à la première position du <tfoot> :
var row = footer.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 footer</b>";

Essayez-le vous-même

Exemple 2

Création et suppression des éléments <tfoot> :

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var footer = table.createTFoot();
  var row = footer.insertRow(0);
  var cell = row.insertCell(0);
  cell.innerHTML = "<b>This is a table footer</b>";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteTFoot();
}

Essayez-le vous-même

Syntaxe

tableObject.createTFoot()

Paramètres

Aucun.

Détails techniques

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

Compatibilité du navigateur

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

Objet Table DOM HTML