如何使用overflow:hidden来获取div设置中隐藏内容的高度?

时间:2010-08-12 00:14:36

标签: javascript html css

我想制作一个展开的div,以便在点击时显示其内容。我迄今所做的是:

  • 创建了一个div,设置为overflow:hidden
  • 创建了一个JS函数,可以在“最小化”和“最大化”(20px高度和XYZpx高度)之间切换div的高度。

到目前为止一切正常,除了我不知道如何获得div中内容的高度,所以我可以调整div调整大小以适应内容。所以本质上我隐藏了从20px“最小化”div中溢出的内容,我可以扩展div以显示溢出的内容,但我不知道扩展它的程度。

你知道我该怎么做吗?

提前致谢!

2 个答案:

答案 0 :(得分:0)

你不能只删除隐藏的溢出和高度css。 div会调整正确的高度。如果你需要找到确切的高度。使用javascript删除overflow:hidden和高度。然后测量offsetHeight并将其设置为高度。虽然如果你这样做,最好从DOM中删除元素,然后在完成后重新放入。

答案 1 :(得分:0)

这是我对这个问题的准备。我不确定你到底想要做什么。

http://jsfiddle.net/Mw6Ys/2/