使用JavaScript更改SVG对象的高度和宽度

我想通过单击按钮来更改svg对象的高度和宽度。我试过了，但不起作用：

function modify() {
    document.getElementById('circle1').style.height = "10px";
    document.getElementById('circle1').style.width = "10px";        
}

---

在SVG中，

元素的宽度和高度是属性，而不是CSS属性，所以您需要编写

document.getElementById('cercle1').setAttribute("height", "10px");

---

宽度也一样。

那它怎么办？它是一个svg，谢谢，这帮了我的忙。但是，我想补充一点，它应该是

“10”

，而不是

“10px”

，因为我们正在为元素的属性设置值，而不是css属性。还是我弄错了？对于长度属性，10px与10是相同的。两者都是有效的，所以是的，你错了。