jquery - 表示された要素の高さを測定する方法：なし？

Question

要素をに設定した場合、表示：なし。

Firebugの要素が持っている私に語った：
マージントップ/ボトム：20ピクセル
パディングトップ/ボトム：20ピクセル
高さ：-22px

要素が設定されている場合〜ディスプレイ：ブロック高さの変更：

高さ：73px

私はJQuery経由で-22pxを取得する必要がありますが、ディスプレイがどのように設定されていても、常に73pxを取得しています。 -22pxを入手する方法はありますか？

ありがとうございます！

Answer 1

jQueryを使用しないでください。要素がある場合は（getElementById()）、そのoffsetHeightを取得してください。それは0pxでなければなりません - 負の高さのようなものはありません。FirebugはoffsetHeightをとり、margin/border/paddingを減じていると思います...

jQueryは実際の高さ見えるように、「目に見えるようにする、高さをつける、もう一度見えなくする」のようなことをします。

Answer 2

私は周りを見渡して、IMHO、問題は実際のdiv内にあります。さらなる調査をしてください。

<div id='testDiv' style='padding:20px; margin:20px; display:none; border:1px solid red; ' ></div> 

alert($('#testDiv').height());   // 0 
alert($('#testDiv').innerHeight());  //40 
alert($('#testDiv').outerHeight());  //42 <======= 

$('#testDiv').css('display','block'); 

alert($('#testDiv').height());   // 0 
alert($('#testDiv').innerHeight());  //40 
alert($('#testDiv').outerHeight());  //42 <========