如何将类分配给SVG元素

时间:2016-12-17 04:31:26

标签: javascript arrays class svg geometry

我试图将我的变量pellet(圆圈svg)分配给类pelClass。由于某种原因,它没有被分配,并且导致了很多问题。请帮忙!

function positionPellet() 
{  
    constantCount = 1;

    while(pelletCount < constantCount*3)
    {
    var pellet = document.createElementNS( xmlns, 'circle' );
    pellet.setAttribute( 'cx', Math.random() * window.innerWidth );
    pellet.setAttribute( 'cy', Math.random() * window.innerHeight );
    pellet.setAttribute( 'r' , 10 );
    pellet.className = "pelClass"; //Pellet Class Adding
    pelletCount++;
    pelletList = new Array(pelletCount);
    pelletList.push(pellet);
    svg.appendChild(pellet);
    }
}

1 个答案:

答案 0 :(得分:1)

在SVG中,语法是

pellet.className.baseVal = "pelClass"; //Pellet Class Adding

或者您可以使用setAttribute(与html的工作方式相同)

pellet.setAttribute('class', "pelClass"); //Pellet Class Adding