如何删除SVG内容？

为了删除 SVG 内容，您可以使用 D3.js 提供的remove()函数。 remove()函数与 D3.js 也提供的两个方法一起使用。以下方法是：

1. 使用 select() 方法和 remove() 方法： d3.select()方法用于选择需要删除的第一个元素。

   句法：

   d3.select("element").remove()

   示例：在此示例中，删除了第一个 paramgraph (p) 元素。

    
    
     
    
        
           How can I remove SVG content?
        
         
        
    
     
     
             
     GeeksforGeeks
      How can I remove SVG content?
     Geeks1
     Geeks2
     Geeks3
        
             
           // Calling the selectAll() function 
           d3.select("p").remove(); 
        
    
     
                        

   输出：
   

2. 使用 selectAll() 方法和 remove() 方法： d3.selectAll()方法用于选择所有匹配的元素并删除它。

   句法：

   d3.selectAll("element").remove()

   示例：在此示例中，删除了所有段落 (p) 元素。

    
    
     
    
        
           How can I remove SVG content?
        
         
        
    
     
     
             
     GeeksforGeeks
      How can I remove SVG content?
     Geeks1
     Geeks2
     Geeks3
        
             
           // Calling the selectAll() function 
           d3.selectAll("p").remove(); 
        
    
     
                        

   输出：