📌  相关文章
📜  如何使用 JavaScript 清除 div 的内容?

📅  最后修改于: 2022-05-13 01:56:26.684000             🧑  作者: Mango

如何使用 JavaScript 清除 div 的内容?

JavaScript 提供了清除 div 内容的功能。有两种方法可以执行此函数,一种是使用innerHTML 属性,另一种是使用firstChild 属性removeChild() 方法

方法一:使用innerHTML 属性: DOM 的innerHTML 属性用于设置或返回元素的HTML 内容。此方法将 innerHTML 属性设置为无。



  

    
        Clear the content of a div
        using JavaScript
    
      
    
      
    
    

   

    
        
            
                                        

                           
                                        

                           
            
        
    
  

输出:

  • 单击按钮之前:
  • 点击按钮后:

方法二:使用 firstChild 属性和 removeChild() 方法: DOM 的 firstChild 属性用于返回其父节点元素的第一个子节点。它是只读属性,不返回文本节点和注释节点。 removeChild() 方法用于删除给定元素的指定子节点。如果节点不存在,它将删除的节点作为节点对象返回或返回 null。此方法使用 firstChild 属性返回第一个孩子,removeChild() 方法用于删除第一个孩子的内容。



  

    
        Clear the content of a div
        using JavaScript
    
      
    
      
    
    

   

    
        
            
                                        

                           
                                        

                           
            
        
    
  

输出:

  • 单击按钮之前:
  • 点击按钮后: