如何使用 JavaScript 删除 HTML 元素？

给定一个 HTML 元素，任务是使用 JavaScript 从文档中删除 HTML 元素。

方法：

• 选择需要删除的 HTML 元素。
• 使用 JavaScript remove()和removeChild() 方法从 HTML 文档中删除元素。

示例 1：此示例使用 removeChild() 方法删除 HTML 元素。

 
 
     
         
            How to remove an HTML element
            using JavaScript ?
        
          
        
            #GFG_DIV {
                background: green;
                height: 100px;
                width: 200px;
                margin: 0 auto;
                color: white;
            }
        
     
      
     
          
         
            GeeksForGeeks 
        
          
        
        
          
        
            This is Div box.
        
        
          
        
            click here
        
          
        
        
          
        
        
            var up = document.getElementById('GFG_UP');
            var down = document.getElementById('GFG_DOWN');
            var div = document.getElementById('GFG_DIV');
            up.innerHTML = "Click on button to remove the element.";
              
            function GFG_Fun() {
                div.parentNode.removeChild(div);
                down.innerHTML = "Element is removed."; 
            }
         
     
                    

输出：

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

示例 2：此示例使用 remove() 方法从文档中删除 HTML 元素。

 
 
     
         
            How to remove an HTML element
            using JavaScript ?
        
          
        
            #GFG_DIV {
                background: green;
                height: 100px;
                width: 200px;
                margin: 0 auto;
                color: white;
            }
        
     
      
     
          
         
            GeeksForGeeks 
        
          
        
        
          
        
            This is Div box.
        
        
          
        
            click here
        
          
        
        
          
        
        
            var up = document.getElementById('GFG_UP');
            var down = document.getElementById('GFG_DOWN');
            var div = document.getElementById('GFG_DIV');
            up.innerHTML = "Click on button to remove the element.";
              
            function GFG_Fun() {
                div.remove();
                down.innerHTML = "Element is removed."; 
            }
         
     
                    

输出：

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

JavaScript 以网页开发而闻名，但它也用于各种非浏览器环境。您可以按照这个 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript。