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

要使用此功能，只需致电：

obj.getHeight()

或者：

$(this).getHeight();