JQuery高度不返回確切的高度

Question

我有一個問題，我不明白和谷歌搜索也沒有太大的幫助，我想獲得一個div的高度與多個行的ap標籤作爲圖像

返回的高度就好像p標記只在一行中，但在它已經渲染並跨越多行之後，當您調用函數高度時，它會顯示實際結果，我如何才能真正獲得它顯示我的JavaScript代碼的實際高度？ 我到目前爲止是

console.log($('div.content-wrapper').height(), $('div.content-wrapper').outerHeight()) 

這兩者都顯示相同的東西。

Height displayed: 42 
Actual height: 86 

P.S.我從JS

創建該元素

$('div.container').append(' \ 
    <div class="content-wrapper"> \ 
    <p class="text"></p> \ 
    <div class="button"> \ 
     <span class="button-text"></span> \ 
    </div> \ 
    </div> \ 
'); 

Answer 1

$(element).outerHeight() 

將返回的高度包括邊框和補白

使用高度，

$(element).outerHeight(true) 

包括利潤率爲好。另外，如果您的包裝器DIV標籤中有許多其他元素，那麼您可以使用下面的代碼。

$(window).load(function(){ 
    $("wrapper-element").children().each(function(){ 
    totalHeight = totalHeight + $(this).outerHeight(true); 
    }); 
});