Javascript 使用jquery获取div高度的问题

我在用jquery获取div的高度时遇到了一些麻烦

我在html中创建div，并在单击按钮时影响其中的一些文本。之后，我希望获取该div的高度，以便在父div中垂直对齐，但是jquery的

height（）

函数将

0

返回给我

在GoogleChrome的调试控制台中，我看到div的高度，然后指向它，但高度仍然没有返回值

这是我在JS FIDDLE上的结果

---

我得到了google chrome版本35.0.1916.114 m

div#lblMsgBoxMessage的高度为0，因为当您尝试使用：

$("#lblMsgBoxMessage").height()

div元素是隐藏的

您可以再次单击

div#单击

，然后高度可用，因为该元素已显示

您必须在之后设置高度：

$("#msgBox").show();

---

如下所示：

具有

显示：无的元素（包括具有
显示：无的元素的子元素）没有高度。您需要先显示元素，才能获得其高度

如果移动此行：

// display height of the message in the button
$("#click").text($("#lblMsgBoxMessage").height());

// display
$("#msgBox").show();

在这条线下面：

// display height of the message in the button
$("#click").text($("#lblMsgBoxMessage").height());

// display
$("#msgBox").show();

你可以看到高度。JSFIDLE:
它为我返回高度180px…：？我在chrome中获得
180
！JSFIDLE在Chrome中似乎运行良好。我得到了你的高度值（180）。@Prashank我在屏幕上得到了0…它的高度（）不是高度（）