div的Jquery高度为零

时间:2015-04-14 13:43:58

标签: javascript jquery html

jQuery代码

console.log("height: " + $("#board_view_player_info").outerHeight(true));

为以下元素

打印以下div元素的高度为 0
<div id="board_view_player_info">
    <b> hello world <br><br/>helloooo</b>
</div>

如何检索div元素的高度。

2 个答案:

答案 0 :(得分:2)

它按预期工作,可能是你的div将被隐藏。如果它被隐藏,则只显示并计算宽度并再次隐藏。

&#13;
&#13;
console.log("height: " + $("#board_view_player_info").outerHeight(true));
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="board_view_player_info">
    <b> hello world <br><br/>helloooo</b>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

正如您所说,元素是隐藏的,因此,隐藏元素不具有高度或宽度(它们为0)。如果您需要动态计算,请先显示元素,然后才能获得它的尺寸。