要素のレンダリングされた高さを取得するにはどうすればよいですか?
内部にコンテンツがある要素があるとします<div>。この内部コンテンツは の高さを引き伸ばします<div>。高さを明示的に設定していない場合に、「レンダリングされた」高さを取得するにはどうすればよいでしょうか。当然、私は次のことを試しました。
var h = document.getElementById('someDiv').style.height;
これを行うためのコツはありますか? 役に立つかどうかはわかりませんが、jQuery を使用しています。
ベストアンサー1
次のいずれかを試してください:
var h = document.getElementById('someDiv').clientHeight;
var h = document.getElementById('someDiv').offsetHeight;
var h = document.getElementById('someDiv').scrollHeight;
clientHeight高さと垂直方向のパディングが含まれます。
offsetHeight高さ、垂直方向のパディング、垂直方向の境界線が含まれます。
scrollHeight含まれるドキュメントの高さ (スクロールする場合は高さだけよりも大きくなります)、垂直方向の余白、および垂直方向の境界線が含まれます。