如何使用js将所有属性和样式从一个svg复制到另一个svg？

Question

以下代码将复制ONE属性：从svg（外部svg）到快照纸（内部svg）的'fill-rule'。如何将所有属性和syling从一个svg复制到另一个svg中？ 任何想法都将不胜感激。

s1.attr("fill-rule", svg.node.getAttribute("fill-rule"));

编辑：如果我使用Roberts代码，为什么这不会将剧集从svg复制到s1？：

s1.attr(attrs.item(i).svg);

住： http://jsbin.com/geyog/5/edit

Answer 1

DOM中有一个属性属性

如果你有

<svg id="svg" preserveAspectRatio="none" width="100%"/>

你可以这样做......

var svg = document.getElementById("svg");
for (var i=0, attrs=svg.attributes, l=attrs.length; i<l; i++){
    s1.attr(attrs.item(i).nodeName, attrs.item(i).value);
}

大概在你的情况下会是

var svg = svg.node;