HTML | DOM ColumnGroup 对象

HTML DOM 中的ColumnGroup 对象用于表示 HTML 元素。
该标签用于设置或获取元素的属性。可以使用getElementById()方法访问它。

句法：

document.getElementById("ColGroup_ID");

这个 ColGroup_ID 被分配给 HTML < colgroup > 元素。

适当的价值：

• span：用于设置或返回span属性的值。

示例 1：使用document.getElementById(“myColGroup”).id返回“ColumnGroup id”；

  

    
        HTML | DOM ColumnGroup Object
    


    #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 Object
    
                
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    
S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2
    
    
        Click
    
    
            
        
    
        function myGeeks() {
            // access ColumnGroup element
            var x = document.getElementById("myColGroup").id;
            document.getElementById("Geek_p").innerHTML = x;
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：使用document.getElementById(“myColGroup”).span从“colgroup id”返回 span 元素的数量；

  

    
        HTML | DOM ColumnGroup Object
    


    #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 Object
    
                
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    
S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2
    
    
        Click
    
    
            
        
    
        function myGeeks() {
            // access ColumnGroup element
            var x = document.getElementById("myColGroup").span;
            document.getElementById("Geek_p").innerHTML = x;
        }
    

  

输出

• 在点击按钮之前：
  
• 点击按钮后：
  

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 边缘
• 苹果浏览器
• 歌剧