HTML DOM TFoot 对象

HTML DOM tfoot对象 用于表示 HTML 元素。 对象用于对文档页脚部分的 HTML 表格内容进行分组。 对象与 HTML 文档的 、 元素一起使用。现在有一天 对象已被弃用且未使用。

访问 tfoot 对象：我们可以使用getElementById()方法轻松访问 tfoot 对象。

句法：

document.getElementById() 

属性值

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

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

HTML

 

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

 

    
        
            GeeksforGeeks
        
 
         
 
HTML DOM TFoot Object 
 
 
        
            
                
                    
                    
                
            
            
                
                    
                    
                
            
                
                    
                    
                
            
            
        UsernameUser_IdShashank@shashanklaGeeksforGeeks@geeks
         
 

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

 

输出：

创建一个 tfoot 对象：我们可以使用以下内容轻松创建一个 tfoot 对象。

句法：

document.createElement() 

示例 2：下面的 HTML 代码用于使用createElement()方法创建一个 tfoot 对象。   

HTML

 

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

 

    
        
            GeeksforGeeks
        
 
        HTML DOM tfoot object
 
        
            
                
                    
                
            
            
                
            
            
                
            
            
        NameManasHritik
         
         
 

            Click button to create tfoot element.
        
 
 
         
        
            Click here
        
    
 
    
        function btnclick() {
 
            /* Create tfoot element */
            var X = document.createElement("TFOOT");
             
            /* Create tr element */
            var Y = document.createElement("TR");
             
            /* Create td element */
            var Z = document.createElement("TD");
             
            Z.innerHTML = "Govind";
            Y.appendChild(Z);
            X.appendChild(Y);
            document.getElementById(
                "tableID").appendChild(X);
        }
    

 

输出：

支持的浏览器列表如下：

• 铬 1.0
• 边缘 12.0
• 火狐1.0
• 互联网浏览器 5.5
• 歌剧 12.1
• Safari 3.0