Saturday, December 22, 2012

span

Properti HTMLTableColElement.span menetapkan atau mengembalikan atribut SPAN elemen COL/COLGROUP HTML.

Sintaks:

tablecolObj.span = value tablecol.span

value adalah number (long) yang sedikitnya satu digit di dalam cakupan 0-9.

Contoh di bawah ini mengembalikan nilai atribut SPAN 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 SPAN elemen COL di atas:

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

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

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

Elemen COL di atas akan menjadi:

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