Download Source Code Aplikasi

Insertrow()

Saturday, September 14th, 2019 - HTML DOM, HTMLTableSectionElement

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:

<TABLE BORDER="1"> <TBODY> <TR> <TD>—0—</TD> <TD>—1—</TD> </TR> </TBODY> </TABLE> <SCRIPT TYPE="text/javascript"> var tbodyElem = document.getElementsByTagName("tbody")[0]; tbodyElem.insertRow(0); </SCRIPT>

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

<TBODY> <TR></TR> <TR> <TD>—0—</TD> <TD>—1—</TD> </TR> </TBODY>

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:

<TBODY> <TR> <TD>New cell 1</TD> <TD>New cell 2</TD> </TR> <TR> <TD>—0—</TD> <TD>—1—</TD> </TR> </TBODY>
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
Insertrow() | Ahmad Code | 4.5