在javascript中获取图像的高度

在javascript中获取图像的高度,javascript,jquery,Javascript,Jquery,我有这张图片:,我已经设置了图片的宽度,照片自动保持纵横比,并将宽度调整为851,高度调整为某个值,我想用Javascript获取高度值,但它不起作用 到目前为止,我已经尝试过: $(document).ready(function() { alert($("#cover_image").height()); }); 当我尝试 $(document).ready(function() { alert($("#cover_image").width()); });

我有这张图片:
,我已经设置了图片的宽度,照片自动保持纵横比,并将宽度调整为851,高度调整为某个值,我想用Javascript获取高度值,但它不起作用

到目前为止,我已经尝试过:

$(document).ready(function() {
    alert($("#cover_image").height());
});
当我尝试

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

它工作,它显示851,这是正确的宽度值,但当我使用高度是返回0。。您能给我指一下正确的方向吗?

使用图像的onload事件:

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

使用图像的onload事件:

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

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

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

请参考下面的URL@Mac,它是
height()
,而不是
height
,这是计算出的值:我没有明白你的意思。你最后想做什么?我有一幅图像,通过设置宽度a值,它会自动调整到该宽度和未知高度,保持图像的纵横比,我想用javascript获取该高度,就是这样。请参考下面的URL@Mac it's
height()
,而不是
height
,这就是计算出的值:我不明白你的意思。你最后想做什么?我有一个图像,通过设置宽度a值,它会自动调整到该宽度和未知高度,保持图像的纵横比,我想用javascript获取该高度,就是这样。你是javascript的大师,非常感谢你的工作:)你是javascript的大师,非常感谢你,它奏效了:)