如何使用javascript在svg元素（圈）中添加一個類？

Question

我想向svg元素（圓圈）添加類，但是當我嘗試在控制檯上顯示類名時，我得到了「[object SVGAnimatedString]」作爲輸出。在撥弄可全部代碼：jsfiddle.net/prated/rsv0yxgx

<script> 
    var counter =0; 
    function selectForPValues() 
    { 

    var colorFormed = new Array("orange","green","blue","yellow","black","pink"); 
    var index = document.getElementsByClassName("selected").length; 
    for(var i=0;i<index;i++) 
    { 
     textVar = document.getElementsByClassName("selected")[i].id; 
     console.log("Id: "+ textVar); 
     document.getElementById(textVar).className = "tester"; 
     document.getElementById(textVar).style.fill = colorFormed[counter]; 
     console.log("Resultant: "+ document.getElementById(textVar).className); 
    } 
    counter++; 
    } 
</script> 

Answer 1

不能添加類與類名一個SVG，嘗試

svg.setAttribute("class", "class Name");