这应该很容易，但事实并非如此。我只需要图像的高度：
<div id="map">
<img src="myimage.jpg">
</div>
$("#map img").height(); // returns 0
【问题讨论】：
This should be easy but it's not 真的吗？ :P stackoverflow.com/a/623174/3681882
标签： javascript jquery html
问题是高度或宽度还没计算，用.on( "load", handler )监听加载图片
$("#map img").on("load", function(){
var height = $(this).height();
$('#output').html('height=' + height);
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div id="map">
<img src="http://placehold.it/400x40">
</div>
<div id="output"></div>【讨论】：
load() 已经被弃用了一段时间。这是正确的链接：api.jquery.com/load-event.
.on( "load", handler )代替应该没问题吧？
window onload 事件（这将始终是正确的）或使用.complete 预先进行检查，这是已加载图像的指示器。但是，如果一个人想节省一些时间并且可能会使事情变得过于复杂，那么最后一点就是需要的。在 cmets 中被赞成的链接中接受的答案也没有真正正确地对待这个问题。
使用.clientHeight（纯JavaScript）：
https://jsfiddle.net/ryanpcmcquen/v6yz8t3u/
console.log(document.querySelector('img').clientHeight);<img src="//makelin.us/100/100" />在此处阅读：https://developer.mozilla.org/en-US/docs/Web/API/Element/clientHeight
请注意，这将为您提供图像在页面上显示时的高度，它可能会受到 CSS 的影响。
注意：要获取图片的实际高度，请使用.naturalHeight。
这里有很棒的文章： https://davidwalsh.name/get-image-dimensions
要确保在加载图像后运行，请执行以下操作：
window.addEventListener('load', function () {
console.log(document.querySelector('img').clientHeight);
});
【讨论】：
.naturalHeight。
<body> 的末尾附近）。
您可以参考以下示例来获取图像的高度-
<div id="map">
<img id="img_id" src="http://www.clickerzoneuk.co.uk/cz/wp-content/uploads/2010/10/PuppySmall.jpg" >
</div>
在js文件中编写如下代码
var height = document.getElementById("img_id").clientHeight;
alert(height);
使用以下链接检查示例-
【讨论】：
这对我有用：
$(window).load(function () {
var artLists = [];
$("ul.articles").each(function (index) {
var imageHts = [];
$("li img", $(this)).each(function () {
imageHts.push($(this)[0].height);
})
artLists.push(imageHts);
})
});
【讨论】：