最初に高さが設定されておらず、浮動要素を含む div コンテナーの高さを取得しようとしています。offsetHeight
物件は増え続けています0
。含まれている div のオーバーフロー プロパティを に設定すると、高さを取得できますhidden
。これよりも良い方法はありますか?
jsFiddle に例があります - http://jsfiddle.net/6RQMb/。テストにjsFiddleを使用するのは初めてなので、間違ったことをした場合はお知らせください...
jsFiddle で何かを台無しにしてしまった場合に備えて (そして、stackoverflow が要求したため)、ここに情報例を示します。
HTML
<div id="container"><p>Some text that gives this element height</p></div>
CSS
p {float:left;}
/* uncomment next line and it works, without it the alert comes back with 0
#container {overflow:hidden;}
*/
ジャバスクリプト
alert( document.getElementById('container').offsetHeight );