使用getComputedStyle时获取不同的值

Question

我希望使用getComputedStyle获取图像高度，但是当我刷新页面时，它会显示不同的值。有时它显示我想要的值，有时它显示0px。 为什么会这样，我该如何解决？

我也尝试宽度，位置，并且我得到了正确的值。

以下是代码

的javascript：

var imageMajor = document.images[0];
var height = document.defaultView.getComputedStyle(imageMajor, null).height;

的CSS：

div#gallery div#image_wrapper div#image_holder img#major {
    position: absolute;
    width: 50%;
    float: left;
    border: none;
}

Answer 1

您可能需要将JS放入window.onload事件（或其他一些onload / timer），因为它可能在图像加载之前触发（直到图像加载它的高度为0）