|
<html>
<body>
<table border="3" cellspacing="5" cellpadding="5">
<colgroup>
<col id="col_1">
<col id="col_2">
<col id="col_3">
<tr>
<td>Column 1</td>
<td>Column 2</td>
<td>Column 3</td>
<td>Column 4</td>
<td>Column 5</td>
<td>Column 6</td>
</tr>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
<td>Cell 4</td>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</table>
<input type="button" value="Span" onClick="function1();">
<script language="JavaScript">
document.getElementById("col_1").span = 2;
document.getElementById("col_2").span = 3;
document.getElementById("col_3").span = 1;
function function1() {
document.getElementById("col_2").align = "center"
document.getElementById("col_2").style.color = "green";
}
</script>
|