createTFoot()

Metode HTMLTableElement.createTFoot() membuat empty elemen TFOOT untuk elemen TABLE ini, sebagai HTMLElement.

Sintaks:

tableObj.createTFoot()

Contoh di bawah ini membuat empty elemen TFOOT:

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

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

<TFOOT></TFOOT>

Sebelum menambahkan TR, modifikasi kode:

tableObj.createTFoot();

Menjadi:

var newTfootObj = tableObj.createTFoot();

Di atas membuat variabel newTfootObj, di mana variabel itu merefensi kepada elemen TFOOT yang sebelumnya dibuat oleh HTMLTableElement.createTFoot().

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

var newRow = newTfootObj.insertRow(0);

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

<TFOOT> <TR><TR> </TFOOT>

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

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