Metode Table createTFoot()

Objek DOM Table HTML

Definisi dan Penggunaan

createTFoot() Metode ini membuat elemen kosong Elemen <tfoot> dan tambahkannya ke tabel.

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

Keterangan：Elemen <tfoot> dalamnya harus memiliki satu atau lebih tag <tr>.

Petunjuk：Untuk menghapus elemen <tfoot> dari tabel, gunakan Metode deleteTFoot().

Lihat juga：

Panduan HTML：Tanda <tfoot> HTML

Contoh

Contoh 1

Buat elemen <tfoot> (dan sisipkan elemen <tr> dan <td> didalamnya)：

// Cari elemen <table> dengan id="myTable"：
var table = document.getElementById("myTable");
// Buat elemen <tfoot> kosong dan tambahkannya ke tabel：
var footer = table.createTFoot();
// Buat elemen <tr> kosong dan tambahkannya ke posisi pertama <tfoot>：
var row = footer.insertRow(0);      
// Sisipkan sel baru di posisi pertama elemen <tr> "baru" (<td>)：
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

Sintaks

tableObject.createTFoot()

Parameter

Tiada.

Detil Teknik

Hasil balik: Baru dibuat (atau sedia ada)Elemen <tfoot>.

Dukungan Peramban

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

Objek DOM Table HTML