Download Source Code Aplikasi

Createthead()

Sunday, November 3rd, 2019 - HTML DOM, HTMLTableElement

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 gres ibarat 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 dibentuk oleh HTMLTableElement.createTHead().

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

var newRow = newTheadObj.insertRow(0);

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

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

Setelah memiliki pola kepada baris baru, ialah newRow – saatnya menyisipkan cell gres dan teksnya:

var newCell = newRow.insertCell(0) newCell.innerHTML = "New cell";
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Createthead() | Ahmad Code | 4.5