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

【问题标题】：Changing properties of SVG circle in HTML5/JS在 HTML5/JS 中更改 SVG 圆圈的属性
【发布时间】：2014-09-21 09:46:20
【问题描述】：

我正在尝试对圆形 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>

【问题讨论】：

标签： javascript html

【解决方案1】：

"r" 不是元素的属性，它是一个属性。使用这个：

document.getElementById("cir").setAttribute("r", 2000);

【讨论】：