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

Question

我希望在按钮中单击时更改高度或宽度。我试试这个但不行：

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

Answer 1

在SVG中，<rect>元素的宽度和高度是属性而不是CSS属性，因此您需要编写

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

类似于宽度。