Valign
Properti HTMLTableColElement.vAlign menetapkan atau mengembalikan atribut VALIGN elemen COL/COLGROUP HTML.
Sintaks:
tablecolObj.vAlign = value tablecol.vAlign
value ialah DOMString yang dapat berisi ‘top’, ‘middle’, ‘bottom’, atau ‘baseline’.
Contoh di bawah ini mengembalikan nilai atribut VALIGN elemen COL. Berikut TABLE-nya:
<TABLE BORDER="1" WIDTH="100%"> <COL VALIGN="middle" SPAN="2" STYLE="background-color: green;"> <TR STYLE="height: 90;"> <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 STYLE="height: 90;"> <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 STYLE="height: 90;"> <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 VALIGN elemen COL di atas:
<SCRIPT TYPE="text/javascript"> var tablecolObj = document.getElementsByTagName("col")[0]; alert(tablecolObj.vAlign); // "middle" </SCRIPT>
Contoh di bawah ini menetapkan atribut VALIGN untuk elemen COL. Untuk TABLE-nya masih memakai TABLE di atas, dengan menghilangkan atribut VALIGN terlebih dahulu:
<SCRIPT TYPE="text/javascript"> var tablecolObj = document.getElementsByTagName("col")[0]; tablecolObj.vAlign = "middle"; </SCRIPT>
Elemen COL di atas akan menjadi:
<COL SPAN="2" STYLE="background-color: green;" VALIGN="middle">
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.
