javascript - 如何将类分配给 SVG 元素

Question

我正在尝试将我的变量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);
    }
}

Answer 1

在 SVG 中，语法是

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

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

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