获得div的高度

Question

<span style="width:100%" id="learning_menu"><div id="aLM" style="width:100%;height:100%">test | test | test</div></span>

上面的代码是我当前的HTML。我将使用jQuery使内部“div”缩小和增长。我无法弄清楚如何获得span / div的高度。我不会在CSS中设置特定值，因为它可能会根据浏览器而改变。因此，我的JavaScript（style.height）总是返回0。

有什么想法吗？

Answer 1

这里是普通的js，不需要jQuery：

document.getElementById("learning_menu").offsetHeight;

Answer 2

使用jQuery：这将是.height()方法。

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

N.B。在内联元素（<div>）中放置块级元素（在本例中为<span>）是无效的HTML。

Answer 3

嗯。我不确定我的问题是否正确但是......从纯javascript中你可以使用元素的clientHeight（或offsetHeight）属性来获得它的高度（以像素为单位）。从jquery只需使用.height（）方法（它实际上是一个围绕clientHeight属性的浏览器无关的包装器）。

Answer 4

$("#learning_menu").height()将返回跨度的高度