Download Source Code Aplikasi

Insertcell()

Monday, October 28th, 2019 - HTML DOM, HTMLTableRowElement

Metode HTMLTableRowElement.insertCell() menyisipkan empty cell gres (TH atau TD) ke dalam elemen TR ini menurut indeks yang ditetapkan, sebagai HTMLElement.

Sintaks:

trObj.insertCell(index)

index yaitu adalah number (long) yang mengatakan posisi penyisipan empty cell gres (TH/TR) di dalam elemen TR.

Contoh di bawah ini menyisipkan empty cell gres ke dalam elemen TR:

<TABLE BORDER="1"> <TBODY> <TR> <TD>—0—</TD> </TR> </TBODY> </TABLE> <SCRIPT TYPE="text/javascript"> var tableElem = document.getElementsByTagName("table")[0]; var rowRef = tableElem.rows.item(0); rowRef.insertCell(0); </SCRIPT>

Jika penyisipan berhasil, elemen TR akan memiliki bentuk berikut:

<TR> <TD></TD> <TD>—0—</TD> </TR>

Untuk menambahkan isi dari empty cell yang gres disisipkan, dapat gunakan innerHTML. Ubah kode:

rowRef.insertCell(0);

Menjadi:

rowRef.insertCell(0).innerHTML = "—1—";

Jika berhasil, elemen TR akan memiliki bentuk berikut:

<TR> <TD>—1—</TD> <TD>—0—</TD> </TR>
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
Insertcell() | Ahmad Code | 4.5