利用js获取div的高度，js获取内容高度

如何用js获取div的高度

假设div根据浏览器大小改变时跟着自适应改变。那么js就写在浏览器窗口改变时，获取div的高度值，然后赋值给需要的div。

js判断div高度。显示超出固定高度的滚动条，只需设置overflowY= document.getelementbyid(卷轴)，style.overflowY= 获取div的高度。如果得不到，可以用下面的方法。

用clientHeight或offsetHeight。对于没有具体设置高度的元素，不能直接用height获取高度。clientHeight表示内容可见区域高度；offsetHeight不同浏览器数值不尽相同，除了clientHeight的高度外还包括边框等的高度。

相关问答

Q1: 如何获取div距离浏览器顶部的高度,宽度,内容

html中有一个div和一个按钮。该按钮用于触发div高度的改变。按钮事件功能如图所示。我们先用jquery的width方法获取div的当前宽度。然后计算div的高度。假设高度应该设置为宽度的60%，我们将x0.6。

(#aaa).offset().top； //jq获取aaa元素距离body的距离 document.getelementbyid(ddhdh).innerHTML 可以获取到div中的全部数据，包括标签。。

如何获得DIV的真实高度 styletype= 宽度：200px 背景色：#FF0000 } 右框{ 浮动：左；宽度：200px 背景色：#FFFF00 } 。

首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。得到的结果是一个数组对象，只要获取里面的top数据就行了。

Q2: js判断div高度。

rightcol.style.height=maxheightpx }上面的代码是获取3个DIV的高度，判断最高DIV的高度值，使另外两个较短DIV的高度等于最高的DIV。自己想清楚很简单。

js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。

第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通 过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

对的。引入jquery.js后可以在浏览器开发者工具中检查。

导致下面一片空白，右div倒是把大div撑下去了，就左div拉不下去，哎，好苦恼啊！这是你上个问题，我试了下，原因：右div的高度外面的大div，导致左边下面的空白。最好把右div的高与外面div的高设置成一样。

若有浮动，先清除浮动，再用$(div).height()。

Q3: 一个DIV的高度设为100%,怎么用JS读出它的目前高度

1、显示超出固定高度的滚动条，只需设置overflowY= document.getelementbyid(卷轴)，style.overflowY= 获取div的高度。如果得不到，可以用下面的方法。下面的方法是得到编辑后的div的高度：/ obj：需要获取其属性的html对象。

2、js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。

3、第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通 过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

利用js获取div的高度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js获取内容高度、利用js获取div的高度的信息别忘了在本站进行查找喔。