createTHead()

Metode HTMLTableElement.createTHead() membuat empty elemen THEAD untuk elemen TABLE ini, sebagai HTMLElement.

Sintaks:

tableObj.createTHead()

Contoh di bawah ini membuat empty elemen THEAD:

<TABLE BORDER="1" WIDTH="100%"> <TR> <TD>cell</TD> </TR> </TABLE> <SCRIPT TYPE="text/javascript"> var tableObj = document.getElementsByTagName("table")[0]; tableObj.createTHead(); </SCRIPT>

Jika berhasil, di dalam TABLE akan terdapat THEAD baru seperti di bawah ini:

<THEAD></THEAD>

Sebelum menambahkan TR, modifikasi kode:

tableObj.createTHead();

Menjadi:

var newTheadObj = tableObj.createTHead();

Di atas membuat variabel newTheadObj, di mana variabel itu merefensi kepada elemen THEAD yang sebelumnya dibuat oleh HTMLTableElement.createTHead().

Selanjutnya, silahkan gunakan metode HTMLTableElement.insertRow() untuk menyisipkan baris baru ke dalam THEAD:

var newRow = newTheadObj.insertRow(0);

Lagi-lagi variabel newRow di buat, ini berguna untuk merefensi kepada elemen TR yang baru saja disisipkan. Jika berhasil, elemen THEAD akan berisi satu elemen TR:

<THEAD> <TR><TR> </THEAD>

Setelah mempunyai acuan kepada baris baru, yaitu newRow - saatnya menyisipkan cell baru dan teksnya:

var newCell = newRow.insertCell(0) newCell.innerHTML = "New cell";