Mega Code Archive

 
Categories / JavaScript Reference / Javascript Properties
 

Span Example

<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>