More than 3 years have passed since last update.

【jQuery】margin/paddingを含めた高さの取得方法

Last updated at 2020-07-28Posted at 2018-11-08

① <div> 要素の通常の高さ（elementの高さ）を取得する場合

var h = $("div").height();

② <div>要素のpaddingとborderまで含む高さを取得する場合

var h = $("div").outerHeight();

③ <div>要素のmarginを含む高さを取得する場合

var h = $("div").outerHeight(true);

##注意点
大文字小文字を区別して書くこと！

正：outerHeight
誤：outerheight

Heightの「H」を小文字で書くと動作しません。

参考