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

我想向svg元素（圆圈）添加类，但是当我尝试在控制台上显示类名时，我得到了“[object SVGAnimatedString]”作为输出。在拨弄可全部代码：jsfiddle.net/prated/rsv0yxgx如何使用javascript在svg元素（圈）中添加一个类？

<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>

来源

2017-05-03 Prateek Dwivedi

你读了['SVGAnimatedString']的文档（HTTPS ：//developer.mozilla.org/de/docs/Web/API/SVGAnimatedString）为了解它是如何工作的？ – Xufox

不能添加类与类名一个SVG，尝试

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

来源

2017-05-03 04:06:26 subbu

感谢您的回复。不幸的是，它不适合我的代码。我如何才能将类添加到特定元素的id为“selected”，这是一个圆圈。 –

你能分享一小把你的代码 – subbu

我已经在https://jsfiddle.net/prated/rsv0yxgx/上分享我的代码感谢您的帮助 –

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

回答

相关问题