动态创建的Div返回零高度

Question

//Test function
function createDiv()
{
    textContainer = $(document.createElement("div"));
    $(textContainer[0]).html(msg);
    var ctrlHeight = $(textContainer).height();
    textContainer.show();
}

如果我检查div的高度，它返回0但是如果我在调用show后检查它，它会返回高度。为什么呢？

Answer 1

在元素位于文档中并且可见

之前，浏览器不会计算元素的大小

Answer 2

如果在浏览器中看不到高度，则不会计算高度。