Html 如何检测div内容的高度？

向一个部门提供

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

我需要了解，根据用户插入的元素（文本或其他）（基于事件触发的控件），其内容高度是否达到或甚至超过了同一div的高度。有人知道如何检测DIV的内容是否达到甚至超过了同一DIV的高度吗？

试试jQuery.height（）

试试jQuery.height（）

---

正如斯蒂安在回答中所说，您可以使用jquerys

height（）

方法获取给定元素的高度

但是，您需要在主分区内部的第二个容器上使用此方法。例如：

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

这样，您将计算相对于内容展开的内部div的高度，而不是固定高度的外部div的高度

---

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

正如stian在回答中所说，您可以使用jQueries

height（）

方法获得给定元素的高度

但是，您需要在主分区内部的第二个容器上使用此方法。例如：

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

这样，您将计算相对于内容展开的内部div的高度，而不是固定高度的外部div的高度

---

然后，您可以比较内部和外部分区高度的值。

有趣。因此，您说只使用一个DIV，简单地使用两个嵌套的DIV，其中外部DIV具有固定的高度，而内部DIV可以根据最终浏览器用户键入/添加的内容扩展其高度。然后，如果内部DIV的高度将超过外部DIV的高度，我可以触发每个内容修改事件，并检测是否达到此条件，然后执行我需要的操作。很好，可能我甚至不需要有两个嵌套的DIV，如果相关的操作足够快，可以避免最终用户看到transiet视图，我可以直接在一个上进行。因此，您说只使用一个DIV，简单地使用两个嵌套的DIV，其中外部DIV具有固定的高度，而内部DIV可以根据最终浏览器用户键入/添加的内容扩展其高度。然后，如果内部DIV的高度将超过外部DIV的高度，我可以触发每个内容修改事件，并检测是否达到此条件，然后执行我需要的操作。很好，可能我甚至不需要两个嵌套的DIV，如果相关的操作足够快，可以避免最终用户看到transiet视图，我可以直接在一个上完成。