Question

我有一个有高度限制的div。现在我想知道如果没有设置高度限制，div会有多高。我怎么能得到它？

丹尼尔

Answer 1

如果您正在使用Jquery，那么您的div id为test，那么您可以获得高度$('#test').height();。

Answer 2

尝试代码

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

演示：http://jsfiddle.net/zCVMz/

Answer 3

诀窍是：

获取元素.height()
将CSS height设置为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);

});

Answer 4

使用javascript：

var $div = $('div');
var height = $div.height();
$div.css('height','auto');

var newHeight = $div.height();
$div.css('height',height);

alert('original height:' + height) ;
alert('new height:' + newHeight) ;

SEE FIDDLE

Answer 5

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

clientHeight - 包含高度和垂直填充。

offsetHeight - 包括高度，垂直填充和垂直边框。

scrollHeight - 包含所包含文档的高度（在滚动时大于高度），垂直填充和垂直边框。

完全扩展时div的高度

5 个答案: