将元素的高度设置为与其相对宽度相同

Question

我试图根据百分比的相对宽度来设置元素的宽度。

所以我找到了解决方案宽度CSS和jQuery。一个用CSS显然不是一个上帝的方式，我想在整个项目中避免加载jQuery我只需要几个JS片段。

这是我到目前为止所得到的，显然它不起作用。 ：）

var logo = document.getElementById('logo');
logo.style.height = logo.width();

有人可以帮忙吗？

感谢。

Answer 1

这可以使用offsetWidth完成。

考虑以下可以在控制台中运行此页面的示例::

document.getElementById('mainbar').style.height = document.getElementById('mainbar').offsetWidth+'px';

我们在这里使用offsetWidth因为除非将width定义为内联样式，否则什么都不会

干杯

Answer 2

这样的事情应该有用......

var logo = document.getElementById('logo');
logo.setAttribute("style", "height: "+logo.width());