要素のレンダリングされた高さを取得するには?
例えば、<div>
という要素の中にコンテンツが入っているとします。この内部のコンテンツが、<div>
の高さを引き伸ばすことになります。明示的に高さを設定していない場合、どのようにして"rendered"の高さを得るのでしょうか。明らかに、私は試しました。
var h = document.getElementById('someDiv').style.height;
これを行うためのコツはありますか?jQueryを使用していますが、参考になるでしょうか?
のいずれかをお試しください。
var h = document.getElementById('someDiv').clientHeight;
var h = document.getElementById('someDiv').offsetHeight;
var h = document.getElementById('someDiv').scrollHeight;
clientHeight` には、高さと垂直方向のパディングが含まれます。
offsetHeight
は、高さ、垂直方向のパディング、および垂直方向のボーダーを含みます。
scrollHeight` には、含まれるドキュメントの高さ (スクロールする場合には、高さよりも大きくなります)、垂直方向のパディング、および垂直方向のボーダーが含まれます。