Javascript 完全展开时的div高度

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

---

Daniel

如果您使用的是Jquery，那么例如您的div id是

test

，那么您可以获得高度

$（“#test”）.height（）
尝试代码

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

演示：
诀窍在于：


获取元素
.height（）
将CSS
height
设置为
auto
将该高度存储到变量中
重置到原来的高度


使用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) ;


clientHeight-包括高度和垂直填充

远视-包括高度、垂直填充和垂直边框

scrollHeight-包括所包含文档的高度（在滚动的情况下会大于高度）、垂直填充和垂直边框。
alert（$（'IdOfYourElement'）.css（'height'）或
警报（document.getElementById（'yourDivId'）.style.height）暂时删除高度限制。然后使用javascript/jquery检查高度。然后再次保持高度限制。如果您在浏览器中使用任何Web开发人员工具，您应该能够打开和关闭任何元素的任何CSS属性。只需关闭
max height
，然后检查实际高度。
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) ;

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