Table méthode createTFoot()
Exemple
Créez un élément <tfoot> (et insérez-y un élément <tr> et <td>) :
// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");
// Create an empty <tfoot> element and add it to the table:
var footer = table.createTFoot();
// Create an empty <tr> element and add it to the first position of <tfoot>:
var row = footer.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 footer</b>";
Définition et utilisation
La méthode createTFoot() crée un élément <tfoot> vide et l'ajoute au tableau.
Remarque : Si un élément <tfoot> existe déjà sur la table, la méthode createTFoot() renvoie l'élément existant et n'en crée pas de nouveau.
Remarque : L'élément <tfoot> doit contenir une ou plusieurs balises <tr>.
Astuce : Pour supprimer l'élément <tfoot> d'une table, utilisez la méthode deleteTFoot() .
Prise en charge du navigateur
Method | |||||
---|---|---|---|---|---|
createTFoot() | Yes | Yes | Yes | Yes | Yes |
Syntaxe
tableObject.createTFoot()
Paramètres
Rien |
Détails techniques
Valeur de retour : | L'élément <tfoot> nouvellement créé (ou existant) |
---|
Plus d'exemples
Exemple
Créez et supprimez un élément <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();
}
Pages connexes
Référence HTML : balise HTML <tfoot>
❮ Objet tableau