Cells
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.