google Chromeで offsetHeightの値は・・・？

質問

google Chromeで　offsetHeightの値は・・・？

Divの高さを取得するのに
offsetHeightを使用したところ
IE8、Firefoxでは正常に取得できましたが
Chromeではうまく取得できません

Div内には文字と画像を含んでいます
Chromeは画像を無視して文字だけの高さを取得しています

Chromeでも、IEやFirefox同等の動きをさせるに
何か方法はありませんか？

文字、画像サイズを取得して高さを計算するしか
ないのでしょうか？

回答No.1

think49 · ベストアンサー

現象を再現できる HTML, Scriptコード を補足ください。

---------
<div style="height: 50px; padding: 10px; border: solid 5px black;" onclick="alert('clientHeight = '+this.clientHeight+'\noffsetHeight = '+this.offsetHeight);">
<p>test</p>
<img src="./test.png" alt="test" />
</div>
---------

上記HTMLで検証してみたところ、GoogleChrome5, Firefox3.6.6 Opera10.60, IE8 で同じ結果が得られています。

-------
clientHeight = 70
offsetHeight = 80
-------

これは MDC, MSDNで解説された仕様通りの動作です。

・clientWidth … width + padding からスクロールバーの幅を取り除いた幅 (読み取り専用, px値)
・offsetWidth … border を含む要素の幅 (読み取り専用, px値)

element.clientHeight - MDC
https://developer.mozilla.org/ja/DOM/element.clientHeight
element.offsetHeight - MDC
https://developer.mozilla.org/En/Dom:element.offsetheight
clientHeight - DHTMLリファレンス
http://msdn.microsoft.com/ja-jp/library/cc409816.aspx
offsetHeight - DHTMLリファレンス
http://msdn.microsoft.com/ja-jp/library/cc409831.aspx

お礼

すみません(^^;;
勘違いでした・・・
ちゃんと検証してから質問するべきでした

回答ありがとうございました