Question

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

下一个代码在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

唯一的问题＆＃34;这里显而易见的是，名为name的属性在SVG中没有意义。你的意思是id吗？

Answer 2

我遇到的唯一问题是你的第一行：

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

我只是在某些浏览器中进行了快速尝试（抱歉，我没有以远程理智的方式安装FireFox）并且有些它没有获得SVG，即使它是唯一的在页面上。所以我给SVG一个ID，然后它工作了。请参阅：http://jsfiddle.net/9RhG2/

使用JavaScript创建SVG组

2 个答案: