Metodo Table createTHead()

Oggetto DOM Table HTML

Definizione e uso

createTHead() Il metodo crea un elemento vuoto Elemento <thead> e aggiungilo alla tabella.

Nota:Se nella tabella esiste già un elemento <thead>: createTHead() Il metodo restituisce l'elemento esistente senza creare un nuovo elemento.

Nota:L'elemento <thead> deve avere uno o più tag <tr> all'interno.

Suggerimento:Per eliminare l'elemento <thead> dalla tabella, usa: Metodo deleteTHead():.

Vedi anche:

Manuale HTML:Tag HTML <thead>

Esempio

Esempio 1

Creazione dell'elemento <thead> (e inserimento degli elementi <tr> e <td>):

// Trova l'elemento <table> con id="myTable":
var table = document.getElementById("myTable");
// Crea un elemento <thead> vuoto e aggiungilo alla tabella:
var header = table.createTHead();
// Crea un elemento <tr> vuoto e aggiungilo alla prima posizione dell'<thead>:
var row = header.insertRow(0);     
// Inserisci una nuova cella (<td>) nella prima posizione dell'elemento <tr> "nuovo":
var cell = row.insertCell(0);
// Aggiungi testo in grassetto nella nuova cella:
cell.innerHTML = "<b>This is a table header</b>";

Prova personalmente

Esempio 2

Creazione e eliminazione dell'elemento <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();
}

Prova personalmente

Sintassi

tableObject.createTHead()

Parametro

Nessuno.

Dettagli tecnici

Ritorno di valore: Nuovo creato (o esistente)Elemento <thead>.

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Oggetto DOM Table HTML