google Chromeで offsetHeightの値は・・・？

google Chromeで　offsetHeightの値は・・・？


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

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

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

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

No.1 ベストアンサー 回答者： think49 回答日時： 2010/07/05 19:12

現象を再現できる 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.cli …
element.offsetHeight - MDC
https://developer.mozilla.org/En/Dom:element.off …
clientHeight - DHTMLリファレンス
http://msdn.microsoft.com/ja-jp/library/cc409816 …
offsetHeight - DHTMLリファレンス
http://msdn.microsoft.com/ja-jp/library/cc409831 …

この回答へのお礼

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

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

お礼日時：2010/07/09 09:54