HTML | DOM 表 deleteTHead() 方法

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

句法

tableObject.deleteTHead()

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

  

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

  

  
    GeeksforGeeks
    Table deleteTHead() Method
  
    To create a Header for the table, 
      double-click the "Add Header" button.
  
    To delete the Header from the table,
      double-click the "Delete Header" button.
  
    
        
            
            
        
        
            
            
        
        
            
            
        
  
    JavaFork JavaPythonFork PythonPlacementsSudo Placement
    
  
    
      Add Header
  
  
    
      Delete Header
  
  
    
        function Add_Head() {
            var MyTable = 
            document.getElementById("Courses");
            
            // Creating table.
            var MyHeader = 
                MyTable.createTHead();
            var MyRow = MyHeader.insertRow(0);
            var MyCell = MyRow.insertCell(0);
            MyCell.innerHTML = 
              "<strong>GeeksforGeeks.</strong>";
        }
  
        function Delete_Head() {
            
            // Delete thead.
            document.getElementById(
              "Courses").deleteTHead();
        }
    
  

  

输出：

• 在单击“添加标题”按钮之前：
  
• 单击“添加标题”按钮后：
  
• 单击“删除标题”按钮后：
  

支持的浏览器：

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