如何使用 JavaScript 删除特定的 div 元素？

在本文中，我们将讨论使用纯 Javascript 删除特定“div”元素的三种简单方法。
使用 parentNode.removeChild()：该方法从 DOM 树中移除指定的子节点并返回移除的节点。

• 句法：
  

element.parentNode.removeChild(element)

• 示例：此示例使用parentNode.removeChild() 方法删除特定的“div”元素。
  

html

    
        
            Remove specific divisible
            element using Javascript
        
    
    
        
          GeekforGeeks
        
        
            A Computer Science Portal for Geeks
        
        
        
            click to remove
        
        
        
            A Computer Science Portal for Geeks
        
 
        
            function GFG_click() {
                var gfg_down =
                document.getElementById("gfg_down");
                gfg_down.parentNode.removeChild(gfg_down);
            }
        
    

• 输出：

使用outerHTML 属性： outerHTML 属性用于设置HTML 元素的内容。因此，我们可以通过使用 outerHTML 属性将其内容设置为“”来删除指定的 'div' 元素。

• 句法：
  

element.outerHTML=""

• 示例：此示例使用outerHTML 属性删除特定的 'div' 元素。
  

html

    
        
            Remove specific divisible
            element using Javascript
        
    
    
        
        GeekforGeeks
        
        
            A Computer Science Portal for Geeks
        
        
        
            click to remove
        
        
        
            A Computer Science Portal for Geeks
        
 
        
            function GFG_click() {
                document.getElementById("gfg_down")
                .outerHTML = "";
            }
        
    
                   

• 输出：

使用 .remove()：此方法删除指定的 div 元素及其所有子节点。

• 句法：
  

element.remove()

• 示例：此示例使用remove() 方法删除特定的 'div' 元素。
  

html

    
        
            Remove specific divisible
            element using Javascript
        
    
    
        
          GeekforGeeks
        
        
            A Computer Science Portal for Geeks
        
        
        
            click to remove
        
        
        
            A Computer Science Portal for Geeks
        
        
            function GFG_click() {
                var gfg_down =
                document.getElementById("gfg_down");
                gfg_down.remove();
            }
        
    

• 输出：