如何从 JavaScript 中的表中删除所有行？

给定一个包含 HTML 表格的 HTML 文档，任务是从 HTML 表格中删除所有行。删除所有行与删除几行不同。这可以通过使用 JavaScript 来完成。

方法

• 首先为表设置 ID 或唯一类。
• 选择表格元素并使用remove()或detach()方法删除所有表格行。

示例 1：在此示例中，使用remove() 方法删除所有行。

  

    
        How to remove all rows from
        a table in JavaScript ?
    
      
    
    
      
    
        #myCol {
            background: green;
        }
        table {
            color: white;
            margin-left: 150px;
        }
        #Geek_p {
            color: green;
            font-size: 30px;
        }
        td {
            padding: 10px;
        }
    

  

  
     
        GeeksForGeeks 
    
  
    
                                        
          
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    


S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2Geek_3GeeksForGeeksGeek_id_3Geek_4GeeksForGeeksGeek_id_4
    
      
    
        Click here
    
      
    
    
      
    
        function Geeks() {
            $("#table").remove();
            $("#GFG_DOWN").text
                ("All rows of the table are deleted.");
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：在此示例中，使用detach() 方法删除所有行。

  

    
        How to remove all rows from
        a table in JavaScript ?
    
      
    
    
  
    
        #myCol {
            background: green;
        }
          
        table {
            color: white;
            margin-left: 150px;
        }
          
        #Geek_p {
            color: green;
            font-size: 30px;
        }
          
        td {
            padding: 10px;
        }
    

  

  
     
        GeeksForGeeks 
    
  
    
                                        
          
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    


S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2Geek_3GeeksForGeeksGeek_id_3Geek_4GeeksForGeeksGeek_id_4
    
      
    
        Click here
    
      
    
    
      
    
        function Geeks() {
            $('#table').detach();
            $("#GFG_DOWN").text
                ("All rows of the table are deleted.");
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：