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

Question

我正在尝试获取元素的高度，但高度是通过 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;
}

有什么想法吗？

Answer 1

如果你想获取当前为 height: 0 的 block 的默认高度，请尝试:

document.getElementById("blockid").scrollHeight

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