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

use*_*965 2 javascript css jquery height

我试图获取元素的高度,但高度使用 css 设置为:

height: 0;
Run Code Online (Sandbox Code Playgroud)

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

我也尝试过:

$('nav').prop('scrollHeight');
Run Code Online (Sandbox Code Playgroud)

正如有人建议的那样,但它给我的高度有点偏离。

我的 HTML 标记非常简单”

<nav>
<ul>
<li>
text 1
</li>
<li>
text 2
</li>
<li>
</li>
</ul>
</nav>
Run Code Online (Sandbox Code Playgroud)

CSS 是:

nav {
    height: 0;
    margin: 0;
    padding: 0;
    display: block;
}
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

The*_*heE 6

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

document.getElementById("blockid").scrollHeight
Run Code Online (Sandbox Code Playgroud)

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