JavaScript Reference/Javascript Properties/colSpan
"colSpan" Example
<source lang="javascript">
<html> <body> <script language="JavaScript">
function function1() {
document.all.myTableHeader.colSpan = "3";
}
function function2() {
document.all.myTd1.colSpan = "3";
}
function function3() {
document.all.myTd2.colSpan = "2";
}
function function4() {
document.all.myTableHeader.colSpan = "1";
document.all.myTd1.colSpan = "1";
document.all.myTd2.colSpan = "1";
}
</script>
| First Header | Second Header | Third Header | Fourth Header |
|---|---|---|---|
| Cell 1 content | Cell 2 content | Cell 3 content | Cell 4 content |
<input type="button" name="S1" value="Span Second Header" onClick="function1();"> <input type="button" name="S2" value="Span Cell 1" onClick="function2();"> <input type="button" name="S3" value="Span Cell 3" onClick="function3();"> <input type="button" name="S4" value="Restore" onClick="function4();"> </body> </html>
</source>
"colSpan" is applied to
<source lang="javascript">
+----------------+--------------------------------------------------------------+ | Applied_To |<td> <th> | +----------------+--------------------------------------------------------------+
</source>
"colSpan" Syntax and Note
<source lang="javascript">
Note: Read and write property. Set the number of columns in a table that <td> or <th> element will span.
Syntax:
document.getElementById("elementID").colSpan = value document.all.elementID.colSpan = value // IE only
</source>
