如何在JavaScript中獲得DIV對象的真實高度？

Question

請參閱：demo

$("#stdout").height() 

回報18px

我想要得到的實際高度（高度+填充+邊框）200px

怎麼辦？

感謝幫助:)

Answer 1

見.outerHeight()

$("#stdout").outerHeight(); 
// returns (height + padding + border) 

如果你想包括保證金，以及：

$("#stdout").outerHeight(true); 
// returns (height + padding + border + margin) 

Answer 2

這裏的另一種方式：

$.fn.getHeight = function() 
{ 
    return ($(this).height() + parseInt($(this).css("padding-top")) + parseInt($(this).css("padding-bottom")) + parseInt($(this).css("borderTopWidth")) + parseInt($(this).css("borderBottomWidth"))); 
}; 

$.fn.getWidth = function() 
{ 
    return ($(this).width() + parseInt($(this).css("padding-left")) + parseInt($(this).css("padding-right")) + parseInt($(this).css("borderLeftWidth")) + parseInt($(this).css("borderRightWidth"))); 
}; 

使用t他的功能，只需撥打：

obj.getHeight() 

或者：

$(this).getHeight();