Javascript 如何在带有overflow:hidden的div设置中获取隐藏内容的高度?

Javascript 如何在带有overflow:hidden的div设置中获取隐藏内容的高度?,javascript,html,css,Javascript,Html,Css,我想制作一个div,在单击时展开以显示其内容。到目前为止,我所做的是: 创建了一个div,设置为overflow:hidden 创建了一个JS函数,用于在“最小化”和“最大化”(20px高度和XYZpx高度)之间切换div的高度 到目前为止,一切正常,除了我不知道如何在我的div中获得内容的高度,这样我就可以调整div的大小以完全适应内容。所以本质上我有从20px“最小化”div溢出的隐藏内容,我可以扩展div来显示溢出的内容,但我不知道扩展多少 你知道我怎么做吗 提前谢谢 你不能删除溢出隐

我想制作一个div,在单击时展开以显示其内容。到目前为止,我所做的是:

  • 创建了一个div,设置为overflow:hidden
  • 创建了一个JS函数,用于在“最小化”和“最大化”(20px高度和XYZpx高度)之间切换div的高度
到目前为止,一切正常,除了我不知道如何在我的div中获得内容的高度,这样我就可以调整div的大小以完全适应内容。所以本质上我有从20px“最小化”div溢出的隐藏内容,我可以扩展div来显示溢出的内容,但我不知道扩展多少

你知道我怎么做吗


提前谢谢

你不能删除溢出隐藏和高度css吗。div将调整正确的高度。如果你需要找到确切的高度。使用javascript删除溢出:隐藏和高度。然后测量远视,并将其设置为高度。不过,如果您正在执行此操作,则最好从DOM中删除元素,然后在完成后将其放回原处。

以下是我对该问题的看法。我不确定你到底想做什么


是的!我怎么能不想到这一点;使用内部和外部div非常有效。因此,外部div使用其overflow:hidden属性隐藏内容,并且可以使用JS获取内部div的高度,因为这个div的高度永远不会改变。