HTML | DOM 表 deleteTFoot() 方法

Table deleteTFoot() 方法用于从表格中删除 元素及其内容。
它只能在元素已经存在时使用。

句法

tableObject.deleteTFoot()

下面的程序说明了 Table deleteTFoot() 方法：
示例 1：删除元素。

  

    
      Table deleteTFoot() Method in HTML
  
    
        table,
        td {
            border: 1px solid green;
        }
          
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Table deleteTFoot() Method
  
    To create a footer for the table, 
      double-click the "Add Footer" button.
  
    To delete the footer from the table, 
      double-click the "Delete Footer" button.
  
    
        
            
            
        
        
            
            
        
        
            
            
        
  
    JavaFork JavaPythonFork PythonPlacementsSudo Placement
    
  
    
      Add Footer
  
  
    
      Delete Footer
  
  
    
        function Add_foot() {
            
            var MyTable = 
                document.getElementById("Courses");
            
            var MyFooter = MyTable.createTFoot();
            var MyRow = MyFooter.insertRow(0);
            var MyCell = MyRow.insertCell(0);
            
            MyCell.innerHTML =
              "<b>Available On GeeksforGeeks.</b>";
        }
  
        
        function Delete_foot() {
            
            // Delete footer.
            document.getElementById(
              "Courses").deleteTFoot();
        }
    
  

  

输出：

在单击“添加页脚”按钮之前：

单击“添加页脚”按钮后：

单击“删除页脚”按钮后：

支持的浏览器：

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