Método Table createTHead()

Objeto Table del DOM HTML

Definición y uso

createTHead(): El método crea un Elemento <thead> y agregarlo a la tabla.

Comentario:Si ya existe un elemento <thead> en la tabla, createTHead(): El método devuelve el elemento existente sin crear uno nuevo.

Comentario:El elemento <thead> debe contener uno o más elementos <tr>.

Consejo:Para eliminar el elemento <thead> de la tabla, utilice: Método deleteTHead():.

Véase también:

Manual de HTML:Etiqueta <thead> de HTML

Ejemplo

Ejemplo 1

Crear elemento <thead> (y agregar elementos <tr> y <td> dentro):

// Encontrar el elemento <table> con id="myTable":
var table = document.getElementById("myTable");
// Crear un elemento <thead> vacío y agregarlo a la tabla:
var header = table.createTHead();
// Crear un elemento <tr> vacío y agregarlo a la primera posición del <thead>:
var row = header.insertRow(0);     
// Insertar una nueva celda (<td>) en la primera posición del nuevo elemento <tr> "nuevo":
var cell = row.insertCell(0);
// Añadir texto en negrita en la nueva celda:
cell.innerHTML = "<b>This is a table header</b>";

Prueba personalmente

Ejemplo 2

Crear y eliminar elementos <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();
}

Prueba personalmente

Sintaxis

tableObject.createTHead()

Parámetros

Ninguno.

Detalles técnicos

Valor de retorno: Recién creado (o existente)Elemento <thead>.

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Objeto Table del DOM HTML