如何获得元素的渲染高度?
假设您的<div>元素内部包含一些内容。内部的内容将扩大的高度<div>。当您没有明确设置高度时,如何获得“渲染的”高度。显然,我尝试过:
<div>
var h = document.getElementById('someDiv').style.height;
有这样做的技巧吗?如果有帮助,我正在使用jQuery。
应该是
$('#someDiv').height();
jQuery。这将以数字形式检索包装集中的第一个项目的高度。
尝试使用
.style.height
仅当您首先将属性设置为有效。不是很有用!
尝试以下方法之一:
var h = document.getElementById('someDiv').clientHeight; var h = document.getElementById('someDiv').offsetHeight; var h = document.getElementById('someDiv').scrollHeight;
clientHeight 包括高度和垂直填充。
clientHeight
offsetHeight 包括高度,垂直填充和垂直边框。
offsetHeight
scrollHeight 包括所含文档的高度(滚动时将大于高度),垂直填充和垂直边框。
scrollHeight