HTML | DOM TableHeader abbr 属性

DOM TableHeader abbr 属性用于设置或返回abbr 属性的值。 abbr属性用于指定标题单元格中内容的较短版本。
它在普通网络浏览器上没有视觉效果，可供屏幕阅读器使用。

句法：

• 它返回 abbr 属性。

  tableheaderObject.abbr

• 它用于设置 abbr 属性。

  tableheaderObject.abbr = text

属性值：它包含指定标题内容单元格的较短描述的值，即文本。

返回值：它返回一个字符串值，表示标题内容单元格的较短描述。

示例 1：此示例返回一个abbr 属性。

  

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

  

  
    GeeksforGeeks
  
    
      DOM TableHeader abbr Property
  
  
    
        
            
        
  
        
            
        
    
              Username
          geeks
    
    
        Click Here!
    
    
  
    
    
        function myGeeks() {
            var tab = document.getElementById(
              "table").abbr;
            document.getElementById(
              "sudo").innerHTML = tab;
        }
    

  

输出：
点击按钮前：

点击按钮后：

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

  

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

  

  
    GeeksforGeeks
  
    
      DOM TableHeader abbr Property
  
  
    
        
            
        
  
        
            
        
    
              Username
          geeks
    
    
        Click Here!
    
    
  
    
    
        function myGeeks() {
            var tab = document.getElementById(
              "table").abbr = "GeeksUser";
            
            document.getElementById(
              "sudo").innerHTML =
              "The value of the abbr attribute was changed to "
            + tab;
        }
    

  

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• Internet Explorer 10.0+
• 歌剧
• 苹果Safari
• 火狐浏览器