📜  如何删除SVG内容?

📅  最后修改于: 2021-09-02 03:13:53             🧑  作者: Mango

为了删除 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

                                    

    输出:

  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

                                    

    输出: