javascript - 完全に展開されたときの div の高さ

Question

高さ制限のあるdivを取得しました。高さ制限が設定されていない場合、div がどのくらい高くなるかを知りたいと思います。どうすればそれを手に入れることができますか？

ダニエル

Answer 1

Jquery を使用している場合、たとえば div id はtestheight を取得できます$('#test').height();。

Answer 2

コードを試す

$(document).ready(function(){
alert($("div").height());
});

デモ: http://jsfiddle.net/zCVMz/

Answer 3

var mydivheight = document.getElementById('myDiv').clientHeight;
var mydivheight  = document.getElementById('myDiv').offsetHeight;
var mydivheight  = document.getElementById('myDiv').scrollHeight;

clientHeight -高さと垂直パディングが含まれます。

offsetHeight -高さ、垂直パディング、および垂直境界線が含まれます。

scrollHeight -含まれるドキュメントの高さ (スクロールの場合は高さよりも大きくなります)、垂直方向のパディング、および垂直方向の境界線が含まれます。

Answer 4

トリックは次のとおりです。

• 要素を取得する.height()
• CSSheightをに設定しますauto
• その高さを変数に格納する
• 古い高さにリセット

$(function(){

   var $test = $('#test');        // cache element

   var orgH = $test.height();     // get LIMITED height
   $test.css({height:"auto"});    // go to non-limited height
   var couldBeH = $test.height(); // store that one
   $test.css({height: orgH});     // reset org height

   alert("Could be "+ couldBeH);

});