HTML | DOM ColumnGroup span 属性

HTML DOM 中的ColumnGroup span 属性用于设置或返回 colgroup 元素的 span 属性值。 span 属性用于定义 元素应该跨越的列数。

句法：

• 它返回 ColumnGroup 跨度属性。

  columngroupObject.span

• 它用于设置 ColumnGroup 跨度属性。

  columngroupObject.span = number

属性值：它包含指定 应该跨越的数量的单个值编号。

返回值：它返回一个表示列数的字符串值。

示例 1：此示例返回 span 属性。

 
 
  
 
     
        HTML DOM ColumnGroup span property 
     
  
     
        #myColGroup { 
            background: green; 
        } 
        table { 
            color: white; 
            margin-left: 180px; 
            background: yellow; 
        } 
        #Geek_p { 
            color: green; 
            font-size: 30px; 
        } 
        td { 
            padding: 10px; 
        } 
     
 
  
 
  
     
            GeeksForGeeks 
         
  
    HTML | DOM ColumnGroup span Property
      
     
         
         
             
             
             
         
         
             
             
             
         
         
             
             
             
         
    S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2 
     
      
     
        Click 
     
      
     
         
     
      
    
     
        function myGeeks() { 
            var x = document.getElementById("myColGroup").span; 
            document.getElementById("Geek_p").innerHTML = x; 
        } 
     
 
  
                    

输出：
点击按钮前：

点击按钮后：

示例 2：此示例设置 span 属性。

 
 
  
 
     
        HTML | DOM ColumnGroup span property 
     
  
     
        #myColGroup { 
            background: green; 
        } 
        table { 
            color: white; 
            margin-left: 180px; 
            background: yellow; 
        } 
        #Geek_p { 
            color: green; 
            font-size: 30px; 
        } 
        td { 
            padding: 10px; 
        } 
     
 
  
 
  
     
            GeeksForGeeks 
         
  
    HTML | DOM ColumnGroup span Property 
      
     
         
         
         
             
             
             
         
         
             
             
             
         
         
             
             
             
         
    S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2 
     
     
        Click 
    
      
     
         
     
      
    
     
        function myGeeks() { 
            var x = document.getElementById("myColGroup").span
                    = "4"; 
            document.getElementById("Geek_p").innerHTML
                    = "The value of the span attribute was"
                    + " changed to " + x; 
        } 
     
 
  
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Colgroup span 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器