Saturday, December 22, 2012

align

Properti HTMLTableColElement.align menetapkan atau mengembalikan atribut ALIGN elemen COL/COLGROUP HTML.

Sintaks:

tablecolObj.align = value tablecol.align

value adalah DOMString yang bisa berisi 'left', 'center', 'right', 'justify', atau 'char'.

Contoh di bawah ini mengembalikan nilai atribut ALIGN elemen COL. Berikut TABLE-nya:

<TABLE BORDER="1" WIDTH="100%"> <COL ALIGN="right" 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 ALIGN elemen COL di atas:

<SCRIPT TYPE="text/javascript"> var tablecolObj = document.getElementsByTagName("col")[0]; alert(tablecolObj.align); // "right" </SCRIPT>

Contoh di bawah ini menetapkan atribut ALIGN untuk elemen COL. Untuk TABLE-nya masih menggunakan TABLE di atas, dengan menghilangkan atribut ALIGN terlebih dahulu:

<SCRIPT TYPE="text/javascript"> var tablecolObj = document.getElementsByTagName("col")[0]; tablecolObj.align = "right"; </SCRIPT>

Elemen COL di atas akan menjadi:

<COL SPAN="2" STYLE="background-color: green;" ALIGN="right">