Ejemplo
Crear un <thead> elemento (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>"; Inténtalo tú mismo " Definición y Uso
El createTHead() método crea un vacío <thead> elemento y lo añade a la tabla.
Note: Si un <thead> elemento ya existe en la tabla, el createTHead() método devuelve el existente, y no crea una nueva.
Nota: La <thead> elemento debe tener uno o más <tr> etiquetas en el interior.
Tip: Para eliminar el <thead> elemento de una tabla, utilice el deleteTHead() método.
Soporte del navegador
| Método | |||||
|---|---|---|---|---|---|
| createTHead() | Sí | Sí | Sí | Sí | Sí |
Sintaxis
tableObject .createTHead()
parámetros
| Ninguna |
Detalles técnicos
| Valor de retorno: | El recién creado (or an existing) <thead> elemento |
|---|
Más ejemplos
Ejemplo
Crear y borrar un <thead> elemento:
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();
} Inténtalo tú mismo " Páginas relacionadas
Referencia HTML: HTML <thead> tag
<Tabla de objetos