Metode Table createTHead()

Objek Table DOM HTML

Definisi dan penggunaan

createTHead() Metode ini membuat Elemen <thead> dan sisipkannya ke dalam tabel.

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

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

Petunjuk:Untuk menghapus elemen <thead> dari tabel, gunakan Metode deleteTHead().

Lihat pula:

Panduan HTML:Tag <thead> HTML

Contoh

Contoh 1

Buat elemen <thead> (dan sisipkan elemen <tr> dan <td>):

// Cari elemen <table> dengan id="myTable":
var table = document.getElementById("myTable");
// Buat elemen <thead> kosong dan sisipkannya ke dalam tabel:
var header = table.createTHead();
// Buat elemen <tr> kosong dan sisipkannya di posisi pertama <thead>:
var row = header.insertRow(0);     
// Sisipkan sel baru di posisi pertama elemen <tr> "baru":
var cell = row.insertCell(0);
// Tambahkan teks tebal di selul selama ini:
cell.innerHTML = "<b>This is a table header</b>";

Coba Sendiri

Contoh 2

Buat dan hapus elemen <thead>:

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

Coba Sendiri

Sintaks

tableObject.createTHead()

Parameter

Tidak ada.

Detil Teknologi

Nilai Kembalian: Baru dibuat (atau yang ada)Elemen <thead>.

Dukungan Peramban

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

Objek Table DOM HTML