如何使用 JavaScript 删除表格中的表格行？

remove() 方法用于使用 JavaScript 从 HTML 表格中删除表格行。

remove() 方法：此方法删除选定的元素以及文本和子节点。此方法还删除所选元素的数据和事件。

句法：

node.remove()

示例 1：本示例首先通过id 值选择行，然后使用remove() 方法将其删除。

 
 
     
         
            How to remove a table row
            from table
         
          
        
            #myCol {
                background:green;
            }
            table {
                color:white;
            }
            #Geek_p {
                color:green;
                font-size:30px;
            }
            td {
                padding:10px;
            }
        
     
          
     
        
         
            GeeksForGeeks 
         
              
        
                                                        
  
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
        


S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2
          
        
          
         
            Click here
         
          
         
            function Geeks() {
                document.getElementById("row1").remove();
            }
         
        
     
                    

输出：

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

示例 2：此示例首先使用标记名称选择行，然后使用remove() 方法按索引删除适当的元素。

 
 
     
         
            How to remove a table row
            in a table
         
          
        
            #myCol {
                background:green;
            }
            table {
                color:white;
            }
            #Geek_p {
                color:green;
                font-size:30px;
            }
            td {
                padding:10px;
            }
        
    
      
     
        
             
                GeeksForGeeks 
             
                  
            
                                                                        
                  
                
                    
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
            


S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2
            
              
             
                Click here
             
              
             
                function Geeks() {
                    document.getElementsByTagName("tr")[2].remove();
                }
             
        
     
                    

输出：

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