Width
Properti HTMLTableColElement.width menetapkan atau mengembalikan atribut WIDTH elemen COL/COLGROUP HTML.
Sintaks:
tablecolObj.width = value tablecol.width
value ialah DOMString yang dapat berisi manapun:
- Bilangan bundar (integer) yang mewakili satuan piksel, contohnya ’50’ yang berarti 50 piksel.
- Persentase (percentage) yang mewakili persentase, contohnya ‘50%’ yang berarti 50 persen.
- Atau relative length yang yang diinterprestasikan i* dimana i ialah bilangan bulat.
Contoh di bawah ini mengembalikan nilai atribut WIDTH elemen COL. Berikut TABLE-nya:
<TABLE BORDER="1" WIDTH="100%"> <COL WIDTH="50" SPAN="2" STYLE="background-color: green;"> <TR> <TD>cell di kolom 1</TD> <TD>cell di kolom 2</TD> <TD>cell di kolom 3</TD> <TD>cell di kolom 4</TD> </TR> <TR> <TD>cell di kolom 1</TD> <TD>cell di kolom 2</TD> <TD>cell di kolom 3</TD> <TD>cell di kolom 4</TD> </TR> <TR> <TD>cell di kolom 1</TD> <TD>cell di kolom 2</TD> <TD>cell di kolom 3</TD> <TD>cell di kolom 4</TD> </TR> </TABLE>
Berikut JavaScript untuk mengembalikan nilai atribut WIDTH elemen COL di atas:
<SCRIPT TYPE="text/javascript"> var tablecolObj = document.getElementsByTagName("col")[0]; alert(tablecolObj.width); // "50" </SCRIPT>
Contoh di bawah ini menetapkan atribut WIDTH untuk elemen COL. Untuk TABLE-nya masih memakai TABLE di atas, dengan menghilangkan atribut WIDTH terlebih dahulu:
<SCRIPT TYPE="text/javascript"> var tablecolObj = document.getElementsByTagName("col")[0]; tablecolObj.width = "50"; </SCRIPT>
Elemen COL di atas akan menjadi:
<COL SPAN="2" STYLE="background-color: green;" WIDTH="50">
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.
