javascript - 在javascript中获取图像的高度

Question

我有这张图片：<img style="border-bottom-right-radius:0px;" id="cover_image" src="Daft+Punk+Tron+Legacy.jpg" alt="cover" width="851" />，我已经设置了图像的宽度，并且照片自动保持纵横比并将宽度调整为 851，将高度调整为某个值，我想用 Javascript 获取高度值，但它不起作用

到目前为止，我已经尝试过：

$(document).ready(function() {
    alert($("#cover_image").height());
});

当我尝试

$(document).ready(function() {
        alert($("#cover_image").width());
    });

它有效，它显示 851 是正确的宽度值，但是当我使用高度时返回 0 ..你能指出我正确的方向吗？

Answer 1

使用图像的 onload 事件：

$("#cover_image").on('load',function(){
    if(this.complete) alert($(this).height());
});

Answer 2

clientWidth 和 clientHeight 是 DOM 属性，显示 DOM 元素内部尺寸的当前浏览器内大小（不包括边距和边框）。因此，对于 IMG 元素，这将获得可见图像的实际尺寸。

var img = document.getElementById('imageid'); 
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;

谢谢 AB