如何获得DIV的真实高度

<style type="text/css">

#leftbox{

float:left;

width:200px;

background-color:#FF0000;

}

#rightbox{

float:left;

width:200px;

background-color:#FFFF00

}

bottom{

display:block;

clear:both;

background:#0000FF;

width:400px;

height:50px;

color:#FFFFFF;

}

</style>

<div id="leftbox">左边div的高度会随右边自动调整</div>

<div id="rightbox">右边div的内容是变化的，比如像这样很多很多也没有关系，因为左边和下边的div会跟着变化的。右边div的内容是变化的，比如像这样很多很多也没有关系，因为左边和下边的div会跟着变化的。右边div的内容是变化的，比如像这样很多很多也没有关系，因为左边和下边的div会跟着变化的。右边div的内容是变化的，比如像这样很多很多也没有关系，因为左边和下边的div会跟着变化的。右边div的内容是变化的，比如像这样很多很多也没有关系，因为左边和下边的div会跟着变化的。</div>

<script language="javascript">

if(rightboxoffsetHeight>leftboxoffsetHeight)

{ leftboxstyleheight=rightboxoffsetHeight+"px";}

else

{ rightboxstyleheight=leftboxoffsetHeight+"px";}

</script>

<div class="bottom">这里是下方的div，会随着上面div的高度变化而移动</div>

js获取页面元素距离浏览器工作区顶端的距离

网页工作区域的高度和宽度

(javascript) documentdocumentElementclientHeight// IE firefox

(jqurey) $(window)height()

元素距离文档顶端和左边的偏移值

(javascript) DOM元素对象offsetTop //IE firefox

(javascript) DOM元素对象offsetLeft //IE firefox

(jqurey) jq对象offset()top

(jqurey) jq对象offset()left

第一步, 获取你要得到高度的那个div的jQuery对象, 获得方法有很多很多种, 具体你可以看一下jQuery API文档里的选择器部分, 在这里我只跟你说一个最直接的方法, 通过id获得: $("#div_id")

第二步, 要看你要得到的是什么高度了, jQuery里现有的三个(其实是两个)获得高度的方法是:

1 $("#div_id")height(); // 获得的是该div本身的高度, (不包含padding,margin,border)

2 $("#div_id")outerHeight(); // 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)

3 $("#div_id")outerHeight(true); // 包含该div本身的高度, 以及padding,border,margin上下的总高度

以上就是关于如何获得DIV的真实高度全部的内容，包括:如何获得DIV的真实高度、如何获取div距离浏览器顶部的高度，宽度，内容、jQuery怎么简单去获取一个div的高度啊等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！