使用JavaScript创建SVG组

Question

我想使用JavaScript为SVG创建带有g标记名的Elements。

下一个代码可在Google Chrome浏览器中工作，但不能在Firefox中工作，我希望两者都能工作。

svg=document.getElementsByTagName("svg").item(0)
group=document.createElementNS("http://www.w3.org/2000/svg","g");
group.setAttribute("name","mygroup")
svg.appendChild(group);

有人知道解决方案吗？

Answer 1

唯一显而易见的“问题”是，在SVG中，名为name的属性没有意义。 您是说id吗？

Answer 2

我唯一的问题是第一行：

svg=document.getElementsByTagName("svg").item(0)

我只是在某些浏览器中进行了快速尝试（对不起，我没有以远程理智的方式安装FireFox），尽管有些浏览器只有页面上的SVG，但其中的一些却没有。 所以我给了SVG一个ID，然后它就起作用了。 请参阅： http ： //jsfiddle.net/9RhG2/