是否有一种简单的方法来清除SVG元素的内容?-IsthereaneasywaytoclearanSVGelement'scontents?

23  

You already gave one answer: you can always just loop over all children and remove them. If you think that you have too many child nodes then maybe you want to replace the svg node by an empty one. If your svg node has some attributes you may use a tag where you place all the child nodes and then just replace the node with an empty one.

您已经给出了一个答案:您总是可以对所有子元素进行循环并删除它们。如果您认为您有太多的子节点，那么您可能希望将svg节点替换为空节点。如果svg节点有一些属性，可以使用一个标记，将所有子节点放在其中，然后用一个空节点替换该节点。

33  

If you're using jQuery, you can just do

如果您使用的是jQuery，您可以这样做

$("#svgid").empty();

This deletes all child elements of the svg while leaving its other attributes like width and height intact.

这将删除svg的所有子元素，同时保留其其他属性(如宽度和高度)不变。

10  

Use d3.js. This will remove all contents nodes from svg.

使用d3.js。这将从svg中删除所有内容节点。

svg.selectAll("*").remove();

6  

I agree to use the clone and replace the element with the cloned one.

我同意使用克隆并用克隆的元素替换元素。

Only one line code:

只有一行代码:

svg.parentNode.replaceChild(svg.cloneNode(false), svg);

0  

use this? http://keith-wood.name/svg.html

使用这个吗?http://keith-wood.name/svg.html

there's also raphael: jQuery SVG vs. Raphael

还有raphael: jQuery SVG和raphael

I'd be tempted to trawl through and see who they're doing their .destroy() methods.

我很想浏览一下，看看他们在用.destroy()方法。

0  

element = document.getElementById("elementID");
element.parentNode.removeChild(element);

I got the idea from http://www.carto.net/svg/manipulating_svg_with_dom_ecmascript/

我的想法来自http://www.卡通。net/svg/manipulation ating_svg_with_dom_ecmascript/

0  

I've tried svg.text("") and it seems to work. Clears out all the inner text, keeps the attributes.

我已经尝试过svg.text(“”)，它似乎起作用了。清除所有内部文本，保留属性。

0  

You can use the clone and replace the element with the cloned one.

您可以使用克隆并用克隆的元素替换元素。

    var parentElement = svg.parentElement
    var emptySvg = svg.cloneNode(false);
    parentElement.removeChild(svg);
    parentElement.appendChild(emptySvg);

This will append the svg at the end, you might want to get the element before and append accordinaly

这将在最后附加svg，您可能希望在元素之前获得元素，并相应地附加