使用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/