HTML | DOM 列对象

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

句法：

document.getElementById("Col_ID");

这个 Col_ID 被分配给 HTML 元素。

属性值：

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

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

  

    
        HTML | DOM Column Object
    


    #myCol {
        background: green;
    }
      
    table {
        color: white;
        margin-left: 150px;
    }
      
    #Geek_p {
        color: green;
        font-size: 30px;
    }
      
    td {
        padding: 10px;
    }

  

  
      
            GeeksForGeeks  
        
  
    HTML | DOM Column Object
    
                                            
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    


S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2
    
    
        Click
    
    
            
        
    
        function myGeeks() {
            // access col element
            var x = document.getElementById(
                "myCol").id;
            document.getElementById(
                "Geek_p").innerHTML = x;
        }
    

  

输出

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

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

  

    
        HTML | DOM Column Object
    


    #myCol {
        background: green;
    }
      
    table {
        color: white;
        margin-left: 150px;
    }
      
    #Geek_p {
        color: green;
        font-size: 30px;
    }
      
    td {
        padding: 10px;
    }

  

  
     
            GeeksForGeeks 
        
  
    HTML | DOM Column Object
    
                                            
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    


S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2
    
    
        Click
    
    
            
        
    
        function myGeeks() {
            // access col element
            var x = document.getElementById(
                "myCol").span;
            document.getElementById(
                "Geek_p").innerHTML = x;
        }
    

  

输出

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

支持的浏览器：

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