HTML DOM 头对象

HTML DOM THead对象 用于表示 HTML 元素。它有助于引用访问 HTML 文档中的 元素。

访问一个 THead 对象：

我们可以使用HTML getElementById()方法轻松访问文档中的 元素。

句法：

document.getElementById()

属性值

• align：设置文本内容的对齐方式。
• valign：设置文本内容的垂直对齐方式。
• char：将 元素内的内容对齐方式设置为字符。
• charoff：用于设置从 char 属性指定的字符开始对齐的字符数。这些属性的值是数字形式。

示例 1：下面的 HTML 代码说明了如何更改 元素的 bgcolor。

HTML

 

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

 

    
    
        GeeksforGeeks
    
     
HTML DOM THead Object 
 
    
        
            
                
                
            
        
        
            
                
                
            
            
                
                
            
        
    UsernameUser_IdShashank@shashanklaGeeksforGeeks@geeks
     

        Click on the button to change the
        background color of thead element.
    
 
    
        Click here
    
    
 
    
    
        function btnclick() {
            var thead = document.getElementById("tableID");
            thead.style.backgroundColor = "red";
        }
    

 

输出：

创建一个 THead 对象：我们可以使用document.createElement()方法创建一个 THead 对象。

句法：

document.createElement()

示例 2：

HTML

     

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

 

   
    
        GeeksforGeeks
    
         
    HTML DOM THead object
    
     
         
     
      

        Click button to create thead element.
     
 
 
 
    
        Click here
    
 
    
        function btnclick() {
           /* Create thead element */
           var x = document.createElement("THEAD");
          /* Create tr element */
          var y = document.createElement("TR");
          /* Create td element */
          var z = document.createElement("TD");
          z.innerHTML = "Username";
          /* Create td element */
          var w = document.createElement("TD");
          w.innerHTML = "Password";
          y.appendChild(z);
          y.appendChild(w);
          x.appendChild(y);
          document.getElementById("tableID").appendChild(x);
        }       
    

               

输出：

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 迷你歌剧
• 火狐
• 苹果浏览器