Javascript 如何在包含图像的div中使用height();s使用宽度:100%

Javascript 如何在包含图像的div中使用height();s使用宽度:100%,javascript,jquery,css,height,width,Javascript,Jquery,Css,Height,Width,所以我有 div { width: 20%; } img { width: 100%; } <div> <img /> </div> 但是,它返回为0(div的高度)。如何获得图像的渲染高度 谢谢 正如loganfsmyth所评论的,您需要等待图像完成加载 您正在将代码放入document.ready中吗 $(document).ready(function() { var imgHeight = $(img).height();

所以我有

div {
    width: 20%;
}

img {
    width: 100%;
}
<div>
<img />
</div>
但是,它返回为0(div的高度)。如何获得图像的渲染高度


谢谢

正如loganfsmyth所评论的,您需要等待图像完成加载

您正在将代码放入document.ready中吗

$(document).ready(function() {

  var imgHeight = $(img).height();
  console.log(imgHeight);
});

您必须在图像下载完成后进行检查。你们能不能再多展示一些你们检查高度的代码,这样我们就可以提出异步化的建议?你们说得对,我已经在我的文档中准备好了。我糟透了!谢谢
$(document).ready(function() {

  var imgHeight = $(img).height();
  console.log(imgHeight);
});