Table createTFoot() metodi

HTML DOM Table-objekti

Määritelmä ja käyttö

createTFoot() Metodi luo tyhjän <tfoot> -elementti ja lisää se taulukkoon.

Huomautus:Jos taulukossa on jo olemassa <tfoot>-elementti, createTFoot() Metodi palauttaa nykyisen elementin eikä luo uutta elementtiä.

Huomautus:<tfoot>-elementin sisällä on oltava yksi tai useampi <tr>-elementti.

Vinkki:Jos haluat poistaa <tfoot>-elementin taulukosta, käytä deleteTFoot() metodi.

Katso myös:

HTML viittausoppaasti:HTML <tfoot> -tagi

Esimerkki

Esimerkki 1

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

// Etsi id="myTable" -sisältävä <table>-elementti:
var table = document.getElementById("myTable");
// Luo tyhjä <tfoot>-elementti ja lisää se taulukkoon:
var footer = table.createTFoot();
// Luo tyhjä <tr>-elementti ja lisää se <tfoot> ensimmäiseen sijaintiin:
var row = footer.insertRow(0);      
// Lisää uusi <tr>-elementti (td) ensimmäiseen sijaintiin:
var cell = row.insertCell(0);
// Lisää粗体文本到新单元格中：
cell.innerHTML = "<b>This is a table footer</b>";

Kokeile itse

Esimerkki 2

Luo ja poista <tfoot>-elementti:

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

Kokeile itse

Syntaksi

tableObject.createTFoot()

Parametrit

Ei mitään.

Tekninen yksityiskohta

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

Selaimen tuki

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

HTML DOM Table-objekti