使用CSS高度获取JS或jQuery中的元素高度:0;

时间:2018-03-10 21:28:08

标签: javascript jquery css height

我正在尝试获取元素的高度,但是使用css将高度设置为:

height: 0;

因此,当我登录控制台时,我的高度为0,但我想获得元素的真实高度。

我也尝试过:

$('nav').prop('scrollHeight');
有人建议,但它给我的高度有点偏。

我的HTML标记很简单“

<nav>
<ul>
<li>
text 1
</li>
<li>
text 2
</li>
<li>
</li>
</ul>
</nav>

CSS是:

nav {
    height: 0;
    margin: 0;
    padding: 0;
    display: block;
}

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

如果要获取当前height: 0的块的默认高度,请尝试:

document.getElementById("blockid").scrollHeight

它应该返回正确的值,除非你搞砸了。