1. 首页
  2. 问题
  3. JavaScript如何获得元素的渲染高度？
一尘不染

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

javascript

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

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

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

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


阅读 816

收藏
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