Javascript 使用js offsetHeight获取包含图像的div的高度

我试图得到一个包含标题和图片的div的高度。我得到的只是标题的高度。如果我向container div添加一个特定的高度，我会得到正确的高度（在本例中为300px），但我需要不同的高度。谢谢你的帮助

我的js代码：

var tile1 = document.getElementById('t1').offsetHeight;

我的HTML：

<div class="t" id="t1" style="height:300px !important;">
   <article>
      <header class="beitrag">
         <div class="beitrag-meta">Date: 2016-11-02 19:59:45</div>
      </header>
      <div class="beitrag-inhalt"><img src="219594520163877.jpg" ></div>
  </article>
</div>

日期：2016-11-02 19:59:45

确保在加载页面后运行它

堆栈片段

window.addEventListener（'load'，function（）{
var tile1=document.getElementById（'t1'）。offsetHeight；
控制台日志（tile1）；
})

日期：2016-11-02 19:59:45

确保在加载页面后运行它

堆栈片段

window.addEventListener（'load'，function（）{
var tile1=document.getElementById（'t1'）。offsetHeight；
控制台日志（tile1）；
})

日期：2016-11-02 19:59:45

使用jQuery

加载

函数

$（文档）.ready（函数（）{
$（“img”）.load（函数（）{
var tile1=document.getElementById（'t1'）.clientHeight；
警报（“高度：+tile1”）；
});
});

日期：2016-11-02 19:59:45
使用jQuery
加载
函数


$（文档）.ready（函数（）{
$（“img”）.load（函数（）{
var tile1=document.getElementById（'t1'）.clientHeight；
警报（“高度：+tile1”）；
});
});

日期：2016-11-02 19:59:45