JavaScript Reference/Javascript Properties/span

Материал из Web эксперт
Перейти к: навигация, поиск

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



"span" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<col>                           <colgroup>                    |
+----------------+--------------------------------------------------------------+



"span" Syntax and Note

Note:
Read and write property. 
Specifies the column number in the group, for applying a single style 
to all columns in the group. 
This property does not change the rendering of the table.
    
Syntax:
    
document.getElementById("elementID").span = value
document.all.elementID.span = value // IE only