Properti HTMLTableColElement.width menetapkan atau mengembalikan atribut WIDTH elemen COL/COLGROUP HTML.
Sintaks:
tablecolObj.width = value
tablecol.width
value adalah DOMString yang bisa berisi manapun:
- Bilangan bulat (integer) yang mewakili satuan piksel, misalnya '50' yang berarti 50 piksel.
- Persentase (percentage) yang mewakili persentase, misalnya '50%' yang berarti 50 persen.
- Atau relative length yang yang diinterprestasikan i* dimana i adalah 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 menggunakan 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">
