javascript를 사용하여 svg 요소 (원)에 클래스를 추가하는 방법은 무엇입니까?

Question

svg 요소 (원)에 클래스를 추가하려고하지만 콘솔에 클래스 이름을 표시하려고 할 때 "[SVGAnimatedString]"객체가 출력됩니다. 바이올린 볼 수 있습니다 전체 코드 : 당신은 클래스 이름과 SVG에 클래스를 추가 할 수 없습니다 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.setAttribute("class", "class Name");