HTML | DOM TableData headers 属性

HTML | DOM TableData headers 属性用于设置或返回headers 属性的值。 headers 属性用于指定包含当前数据单元格的标题信息的表格单元格。
句法：

• 它返回 headers 属性。

tabledataObject.headers

• 它用于设置 headers 属性。

tabledataObject.headers = header_ids

属性值：它包含一个值，即header_ids ，它指定一个或多个标题单元的 id 的分隔列表。
返回值：它返回一个字符串值，表示头列表 Id 的分隔列表。
示例 1：此示例返回一个 headers 属性。

html

 

    
        table,
        th,
        td {
            border: 1px solid green;
        }
    

 

 
    
            GeeksForGeeks
        
 
    
          DOM TableData Headers Property
      
 
    
        
            
            
            
        
    
                Geeks
            ForGeeks
    
    
        Click Here!
    
 
    
    
 
 
    
        function myFunction() {
            // Accessing Table data
            var x =
                document.getElementById(
                    "myTd").headers;
 
            document.getElementById("demo").innerHTML =
                x;
        }
    

 

输出：
点击按钮前：

点击按钮后：

示例 2：此示例设置标题的属性。

html

 

    
        table,
        th,
        td {
            border: 1px solid green;
        }
    

 

 
    
            GeeksForGeeks
        
 
    
          DOM TableData Headers Property
      
 
    
        
            
            
            
        
    
              Geeks
          ForGeeks
    
    
        Click Here!
    
 
    
    
 
 
    
        function myFunction() {
            // Accessing Table data
            var x =
                document.getElementById(
                    "myTd").headers = "GFG";
 
            document.getElementById("demo").innerHTML =
                "The value od the headers attribute was changed to "
            + x;
        }
    

 

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

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