如何检测div内容的高度?

时间:2012-01-24 14:08:14

标签: html height detection

提供了一个带

的DIV
  • 固定高度
  • 禁用滚动功能
  • 其内容可编辑

我需要了解其内容高度是否达到甚至超过了同一div的高度,具体取决于用户插入的元素(文本或其他)(基于事件触发的控件)。有没有人知道如何检测DIV的内容是否达到甚至超过同一DIV的高度?

2 个答案:

答案 0 :(得分:1)

正如stian在答案中所说,你可以使用jQueries height()方法来判断给定元素的高度。

但是,您需要在主div内部的第二个容器上使用此方法。这样:

<div id="myMainDivWithAHeight">
     <div id="myInnerDivExpandingWithTheContent"></div>
</div>

这样你就可以计算内部div的高度,它相对于内容而不是固定高度的outter div的高度进行扩展。

然后,您可以比较内部和外部div高度的值。

答案 1 :(得分:0)

尝试jQuery .height()

http://api.jquery.com/height/