Metode Table createTFoot()

Objek DOM Table HTML

Definisi dan penggunaan

createTFoot() Metode ini membuat Elemen <tfoot> dan tambahkan ke tabel.

Keterangan:Jika elemen <tfoot> sudah ada di tabel, maka createTFoot() Metode ini mengembalikan elemen yang ada tanpa membuat elemen baru.

Keterangan:Dalam elemen <tfoot> harus ada satu atau lebih tag <tr>.

Tips:Untuk menghapus elemen <tfoot> dari tabel, gunakan: Metode deleteTFoot().

Lihat pula:

Panduan HTML:Tag <tfoot> HTML

Contoh

Contoh 1

Buat elemen <tfoot> (dan sisipkan elemen <tr> dan <td> di dalamnya):

// Cari elemen <table> dengan id="myTable":
var table = document.getElementById("myTable");
// Buat elemen <tfoot> kosong dan tambahkan ke tabel:
var footer = table.createTFoot();
// Buat elemen <tr> kosong dan tambahkan ke posisi pertama <tfoot>:
var row = footer.insertRow(0);      
// Sisipkan sel baru di posisi pertama elemen <tr> "baru":
var cell = row.insertCell(0);
// Tambahkan teks tebal di sel baru:
cell.innerHTML = "<b>This is a table footer</b>";

Coba Sendiri

Contoh 2

Buat dan hapus elemen <tfoot>:

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

Coba Sendiri

Syarat

tableObject.createTFoot()

Parameter

Tidak ada.

Detil Teknis

Hasil kembali: Baru dibuat (atau yang ada)Elemen <tfoot>.

Dukungan Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Objek DOM Table HTML