Taulukko createTHead() -menetelmä

HTML DOM Table-objekti

Määritelmä ja käyttötapa

createTHead() Menetelmä luo tyhjän <thead> -elementti ja lisää se taulukkoon.

Huomautus:Jos taulukossa on jo olemassa <thead>-elementti: createTHead() Menetelmä palauttaa nykyisen elementin ilman, että luodaan uutta elementtiä.

Huomautus:<thead>-elementin sisällä täytyy olla yksi tai useampi <tr>-elementti.

Vinkki:Jos haluat poistaa <thead>-elementin taulukosta, käytä: deleteTHead() -menetelmä.

Katso myös:

HTML-ohjeHTML <thead> -tagi

Esimerkki

Esimerkki 1

Luo <thead>-elementti (ja lisää siihen <tr> ja <td> -elementit):

// Etsi id="myTable" -arvon <table>-elementti:
var table = document.getElementById("myTable");
// Luo tyhjä <thead>-elementti ja lisää se taulukkoon:
var header = table.createTHead();
// Luo tyhjä <tr>-elementti ja lisää se ensimmäiseen sijaintiin <thead>-elementtiin:
var row = header.insertRow(0);     
// Lisää uusi solu ensimmäiseen sijaintiin uuteen <tr>-elementtiin (td):
var cell = row.insertCell(0);
// Lisää uusi solu uuteen soluun:
cell.innerHTML = "<b>This is a table header</b>";

Kokeile itse

Esimerkki 2

Luo ja poista <thead>-elementti:

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();
}

Kokeile itse

Syntaksi

tableObject.createTHead()

Parametrit

Ei mitään.

Tekninen tarkistus

Palautusarvo: Uusia (tai olemassa olevia)<thead> -elementti.

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML DOM Table-objekti