HTML DOM TableHeader headers 属性

HTML DOM TableHeader headers属性 用于设置或返回headers 属性的值。标题的属性用于指定包含当前标题单元格标题信息的表格单元格。

句法

• 它返回标头的属性。

  tableheaderObject.headers

• 它用于设置标题的属性。

  tableheaderObject.headers = header_ids

属性值：它包含一个值，即header_ids ，它指定一个或多个标题单元格的 id 分隔列表。

返回值：它返回一个字符串值，表示头列表 id 的分隔列表。

示例 1 ：此示例返回标头的属性。

HTML

  

    
    
        table
        {
         border: 2px solid black;
        }        
          
        td 
        {
            border: 1px dotted green;
        }
    

  

  
    GeeksforGeeks
    DOM TableHeader headers property
     
        
            
        
    
        
            
            
            
        
  
    
                Username
            SachinSurajGauri
    
    
        Click to get table header
    
    
    
  
    
    
        function getHeader() {
            var tab = document.getElementById("tableHeaderID").headers;
            document.getElementById("paraID").innerHTML = tab;
        }
    

  

输出：

示例 2：下面的代码演示了 header 属性的设置。

HTML

  

    
    
        table
        {
         border: 2px solid black;
        }        
          
        td 
        {
            border: 1px dotted green;
        }
    

  

  
    GeeksforGeeks
  
    DOM TableHeader headers property
       
     
        
            
        
    
        
            
            
            
        
  
    
                Username
            SachinSurajGauri
    
    
        Click to get table header value
    
    
    
  
    
    
        function getHeader() {
                var tab = document.getElementById(
            "tableHeaderID").headers = "user_firstname";
            document.getElementById("paraID").innerHTML = 
            "The value of the headers attribute was changed to: " + tab;
        }
    

  

输出：

支持的浏览器：

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