Download Source Code Aplikasi

Cells

Thursday, November 7th, 2019 - HTML DOM, HTMLTableElement

Properti HTMLTableElement.cells mengembalikan semua elemen TH dan TD di dalam elemen TR, di dalam elemen TABLE ini, sebagai HTMLCollection.

Sintaks:

tableObj.cells

Contoh di bawah ini mengembalikan banyaknya elemen TH dan TD di dalam elemen TR:

<TABLE BORDER="1" WIDTH="50%"> <TR> <TH>cell</TH> <TH>cell</TH> </TR> <TR> <TD>cell</TD> <TD>cell</TD> </TR> </TABLE> <SCRIPT TYPE="text/javascript"> var tableElem = document.getElementsByTagName("table")[0]; var rowRef = tableElem.rows.item(0); var numberCellsInTable = rowRef.cells.length; alert(numberCellsInTable); // 2 </SCRIPT>

Contoh di bawah ini mengetahui teks di dalam setiap cell:

<TABLE BORDER="1"> <TR> <TH>cell 1 di kolom 1</TH> <TH>cell 1 di kolom 2</TH> </TR> <TR> <TD>cell 2 di kolom 1</TD> <TD>cell 2 di kolom 2</TD> </TR> </TABLE> <SCRIPT TYPE="text/javascript"> var tableElem = document.getElementsByTagName("table")[0]; var rowRef1 = tableElem.rows.item(0); alert(rowRef1.cells.item(0).innerHTML); // "cell 1 di kolom 1" alert(rowRef1.cells.item(1).innerHTML); // "cell 1 di kolom 2" var rowRef2 = tableElem.rows.item(1); alert(rowRef2.cells.item(0).innerHTML); // "cell 2 di kolom 1" alert(rowRef2.cells.item(1).innerHTML); // "cell 2 di kolom 2" </SCRIPT>
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
Cells | Ahmad Code | 4.5