或取offsetHeight值不正确

最新推荐文章于 2024-08-20 11:39:25 发布

饼小干小蘑菇

最新推荐文章于 2024-08-20 11:39:25 发布

阅读量8.3k

点赞数 2

分类专栏： h5

本文链接：https://blog.csdn.net/lanseyuanwei2/article/details/51784762

版权

h5 专栏收录该内容

10 篇文章

订阅专栏

本文探讨了使用JavaScript的offsetHeight属性来获取DOM元素高度的方法，并指出当元素包含图片时，需等待页面完全加载后才能准确获取高度。文章通过一个具体示例说明了这一过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下

<div id="left">
<img src="img/1.png" />
<p><a href="#">最新资讯</a></p>
</div>
<div id="right">
<ul>
<li><a href="#">大数据驱动下的微博社会化推荐</a></li>
<li><a href="#">Unity全球领袖齐聚 Unite2016Shanghai精彩议题公布</a></li>
<li><a href="#">网站安全检查渐成常态，盛邦安全带...</a></li>
</ul>
</div>

</div>

var left = document.getElementById("content");
console.log("高度- - - - - - ->"+left.offsetHeight);
var right = document.getElementById("right");
right.style.height=left.offsetHeight+'px';

</script>

通过.offsetHeight获取的高度与实际高度不一致

原因在于left的div里有img

必须等到页面加载完毕之后才能正确获取content的高度

所以在onload 的方法里获取content高度才是实际的高度