Categories: HTML DOMHTMLTableSectionElement

Insertrow()

Metode HTMLTableSectionElement.insertRow() menyisipkan empty elemen TR gres ke dalam elemen THEAD, TFOOT, atau TBODY ini, sebagai HTMLElement.

Sintaks:

tableSectionObj.insertRow(index)

index ialah number (long) yang menetapkan indeks penyisipan TR gres ke dalam THEAD, TFOOT, atau TBODY ini.

Contoh di bawah ini menyisipkan empty elemen TR ke dalam TBODY:

Jika penyisipan berhasil, di dalam TBODY akan memiliki 2 elemen TR:

Untuk menambahkan cell ke dalam empty elemen TR, dapat gunakan metode HTMLTableRowElement.insertCell():

<TABLE BORDER="1"> <TBODY> <TR> <TD>—0—</TD> <TD>—1—</TD> </TR> </TBODY> </TABLE> <SCRIPT TYPE="text/javascript"> var tbodyElem = document.getElementsByTagName("tbody")[0]; var newTrElem = tbodyElem.insertRow(0); // Menyisipkan cell gres pertama var newCell1 = newTrElem.insertCell(0); newCell1.innerHTML = "New cell 1"; // Menyisipkan cell gres kedua var newCell2 = newTrElem.insertCell(1); newCell2.innerHTML = "New cell 2"; </SCRIPT>

Jika penyisipan berhasil, TBODY akan menjadi:

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.

Ahmad Code