javascript - 使用 getCompatedStyle 时获得不同的值

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)