在HTML5/JS中更改SVG圈的属性

Ken*_*eth 6 javascript html5

我正在尝试对圆形SVG进行非常简单的修改.脚本代码应该改变圆的半径,但似乎什么也没发生.(使用相同的格式,我可以更改颜色,但没有圆圈的其他元素).

<!DOCTYPE html>
<html>
    <body>
        <svg xmlns="http://www.w3.org/2000/svg">
            <circle cx="100" cy="100" r="50" fill="red" id="cir"/>
        </svg>

        <script>
            document.getElementById("cir").r = 2000;
        </script>
    </body>

</html>
Run Code Online (Sandbox Code Playgroud)

sil*_*ind 10

"r"不是元素的属性,它是一个属性.用这个:

document.getElementById("cir").setAttribute("r", 2000);
Run Code Online (Sandbox Code Playgroud)