如何在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();