Question

我正在尝试使用javascript获取图像的尺寸 - Mootools是加载的库。

但是，即使我得到没有问题的图像元素，并在元素的属性中看到有效的宽度和高度，当我尝试访问该属性时，高度值总是返回为0.

为什么？

window.addEvent("domready", function(){
    var thisImg = $$("img.myimgclass");

    console.dir(thisImg[0]); // prints all image data, including width AND height values

    var height = thisImg[0].height;
    var width = thisImg[0].width;

    console.log(height); // prints 0 even though thisImg shows a valid height set
    console.log(width); // prints valid width

});

Answer 1

您正在阅读可能未设置的height标记的width和img 属性，但由于您没有这么做很难说不包含你的HTML。

Answer 2

尝试使用image.naturalHeight和image.naturalWidth来获取实际尺寸..

Answer 3

您需要在窗口加载事件中调用您的代码，因为即使构建了dom并不意味着图像已加载。控制台显示实时对象，即当您查看控制台时图像已加载但是当它被记录时尚未加载。

javascript中的图片尺寸

3 个答案: