Javascript - 简单地获取元素的高度

Question

我知道这完全是重复的，但我无法从其他一些答案中得到正确答案! 真心希望你能帮上忙!

我只是想获取一个元素的宽度，然后将它赋给同一个元素的高度。

但我似乎无法通过宽度... 我真的不知道为什么 - 只是获取和“未定义”。

阅读一些关于在元素添加到 DOM 之前询问宽度的 js 的内容，但无论我将“onload”放在哪里，og 放置 js 脚本，它似乎没有任何区别，我仍然可以为同一元素添加静态高度，但无法获取宽度!谢谢!

var width_ele = document.getElementsByClassName("image");
var width = width_ele[0].style.offsetWidth;

alert(width);

var ele = document.getElementsByClassName("image");
for (var i = 0; i < ele.length; i++) {
ele[i].style.height = 100 + "px"; // here I wanted the "100" to be the variable "width"...
}

http://jsfiddle.net/qL0hj4jc/10/

Answer 1

var width = width_ele[0].offsetHeight; // did you mean offsetWidth?

offsetHeight/offsetWidth 是 element itself 的属性，而不是它的样式表。