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

【问题标题】：Change height and width of SVG object using JavaScript使用 JavaScript 更改 SVG 对象的高度和宽度
【发布时间】：2014-12-11 02:20:49
【问题描述】：

我想在单击按钮时更改 svg 对象的高度和宽度。我试过了，还是不行：

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

【问题讨论】：

不行怎么办？
这是一个 svg

标签： javascript css svg height width

【解决方案1】：

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

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

宽度也是如此。

【讨论】：

谢谢，这对我有帮助。不过，我想补充一点，它应该是"10"，而不是"10px"，因为我们设置的是元素属性的值，而不是css 属性。还是我弄错了？
10px 与长度属性的 10 相同。两者都是有效的，所以是的，你错了。