Contoh
Buat <thead> elemen (and insert a <tr> and <td> element to it) :
// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");
// Create an empty <thead> element and add it to the table:
var header =
table.createTHead();
// Create an empty <tr> element and add it to
the first position of <thead> :
var row =
header.insertRow(0);
// Insert a new cell
(<td>) at the first position of the "new" <tr> element:
var cell = row.insertCell(0);
// Add some bold text in the new cell:
cell.innerHTML = "<b>This is a
table header</b>";
Cobalah sendiri " Definisi dan Penggunaan
The createTHead() metode menciptakan kosong <thead> elemen dan menambahkan ke meja.
Note: Jika <thead> elemen sudah ada di meja, createTHead() metode mengembalikan yang sudah ada, dan tidak membuat yang baru.
Catatan: <thead> elemen harus memiliki satu atau lebih <tr> tag di dalam.
Tip: Untuk menghapus <thead> elemen dari tabel, gunakan deleteTHead() metode.
Dukungan Browser
metode | |||||
---|---|---|---|---|---|
createTHead() | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
tableObject .createTHead()
parameter
tak satupun |
Rincian teknis
Kembali Nilai: | Yang baru dibuat (or an existing) <thead> elemen |
---|
Contoh lebih
Contoh
Membuat dan menghapus <thead> elemen:
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();
}
Cobalah sendiri " Pages terkait
Referensi HTML: HTML <thead> tag
<Table Object