comment obtenir DIV object reality height en javascript?

Question

s'il vous plaît voir: demo

$("#stdout").height() 

retour 18px

Je veux obtenir la hauteur de la réalité (hauteur + padding + frontière) 200px

comment faire?

merci pour l'aide :)

Answer 1

Voir .outerHeight()

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

Et si vous voulez inclure la marge ainsi:

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

Answer 2

Voici une autre façon:

$.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"))); 
}; 

Pour utiliser t sa fonction, appelez simplement:

obj.getHeight() 

Ou:

$(this).getHeight();