Javascript 获得div的高度 test | test | test

上面的代码是我拥有的当前HTML。我将使用jQuery使内部“div”收缩和增长。不过，我不知道如何计算span/div的高度。我不会在CSS中设置特定的值，因为它可能会根据浏览器的不同而变化。因此，我的JavaScript（style.height）总是返回0

---

有什么想法吗？

$（“#学习_菜单”）。height（）

将使用jQuery返回跨度的高度：这就是方法

---

注意：将块级元素（在本例中为

）放在内联元素（即

）内是无效的HTML。此处为纯js格式，无需jQuery：

var span_height = $('#learning_menu').height(),
    div_height = $('#aLM').height();

---

嗯，我不确定威瑟我是否正确地处理了你的问题，但是…从纯javascript中，你可以使用元素的clientHeight（或offsetHeight）属性来获得它的像素高度。在jquery中，只需使用.height（）方法（它实际上是一个与浏览器无关的clientHeight属性包装器）。

我将授予您“答案”，因为您给了我一个完整的代码示例。非常感谢！现在它工作得很好：）这个答案使用了所有库中最无用的库，有这么多web开发人员在使用它，以至于找不到真正了解javascript并能解释其内部结构的人，总是jQuery，我每天都越来越讨厌它。@iharob为什么jQuery在一行代码中为您提供了所需的一切而使事情变得复杂？此外，OP希望在jQuery中找到解决方案。如果你想知道如何在纯javascript中做到这一点，你应该在一个单独的问题中提出要求。谢谢你的帖子！我将和BnW一起去，因为他向我提供了更多关于用法的详细信息。而且+1@MattBall，是的，是的，不需要不必要的jQueryI一开始使用它没有用，这就是我来这里的原因。我正在使用jQuery，所以使用它不会给我带来太多麻烦；）@尼尔-但是如果

Div

被隐藏，那么它的返回高度

'0'

？有什么想法吗？可能是

var span_height = $('#learning_menu').height(),
    div_height = $('#aLM').height();

document.getElementById("learning_menu").offsetHeight;