HTML DOM 表头对齐属性

HTML DOM TableHeader对齐 属性用于设置或返回表头内内容的水平对齐方式。 HTML 5 不支持它。

句法：

• 它返回对齐属性。

TableHeaderobject.align

• 它设置对齐属性。

TableHeaderObject.align = "left|right|center|justify|char"

属性值：

• left：设置文本左对齐。
• right：设置文本右对齐。
• center：设置文本居中对齐。
• justify：它拉伸段落的文本以设置所有行的宽度相等。
• char：它将文本对齐设置为特定字符。

返回值：它返回一个字符串值，表示 元素的水平对齐方式。

示例 1：下面的代码说明了如何返回 TableHeader对齐属性。

HTML

 

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

 

    
        GeeksforGeeks
        
            DOM TableHeader align Property
        
        
            
                
            
            
                
            
        
                    Username
                Manas Chhabra
        
         
        
            Click Here!
        
         
        
 
 
 
 
        
        
            function clickbtn() {
                var tab = document.getElementById(
                    "table").align;
 
                document.getElementById("paraID")
                    .innerHTML = tab;
            }
        

 

输出：

示例 2：下面的代码说明了如何设置 TableHeader对齐属性。

HTML

 

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

 

    
        GeeksforGeeks
        
            DOM TableHeader align Property
        
        
            
                
            
            
                
            
        
                    Username
                Manas Chhabra
        
         
        
            Click Here!
        
         
        
        
 
 
    
 
    
    
        function click1() {
            var tab = document.getElementById(
                    "table").align = "right";
 
            document.getElementById("sudo")
                .innerHTML = tab;
        }
    

 

输出：

支持的浏览器：

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