小编典典

JavaScript如何获得元素的渲染高度?

javascript

如何获得元素的渲染高度?

假设您的<div>元素内部包含一些内容。内部的内容将扩大的高度<div>。当您没有明确设置高度时,如何获得“渲染的”高度。显然,我尝试过:

var h = document.getElementById('someDiv').style.height;

有这样做的技巧吗?如果有帮助,我正在使用jQuery。


阅读 923

收藏
2020-04-25

共2个答案

小编典典

应该是

$('#someDiv').height();

jQuery。这将以数字形式检索包装集中的第一个项目的高度。

尝试使用

.style.height

仅当您首先将属性设置为有效。不是很有用!

2020-04-25
小编典典

尝试以下方法之一:

var h = document.getElementById('someDiv').clientHeight;
var h = document.getElementById('someDiv').offsetHeight;
var h = document.getElementById('someDiv').scrollHeight;

clientHeight 包括高度和垂直填充。

offsetHeight 包括高度,垂直填充和垂直边框。

scrollHeight 包括所含文档的高度(滚动时将大于高度),垂直填充和垂直边框。

2020-04-26