如何让一个div获取另一个div的高度

如何让一个div获取另一个div的高度,第1张

getElementsByClassName

就是通过class名称来做选择器,

比如你选择class="a" 那就可以通过

documentgetElementsByClassName("a")

这样的试为选择就可以了。

Jquery可以用height(),来获取DOM元素的高。示例如下:

<script src=">

你好;以上代码中固定了div的高度为100px,如果内容的高度超过100px的话,除了在IE6下能够达到高度自适应,其他浏览器都会出现内容溢出的现象,显示不能够达到,不过现在的QQ浏览器最新的版本QQ浏览器90也可以达到,QQ浏览器90对QQ浏览器的不足,全面的进行了优化,它的功能更强大

了,浏览速度也更快了,你可以试一下,谢谢望采纳。

这个jquery应该可以娶到的。给你一个实例,注意自己添加jquery文件哈

<script language='javascript'>  

$(function(){

$("#adds")click(function(){

$("#xx")append("<h2>添加内容</h2>");

});

$("#geth")click(function(){

vh=$("#xx")height();

$("#xx")prepend("<h2>我的高度为:"+vh+"</h2>")

});

}); 

</script>

<div style="width:200px; height:200px; display:block; overflow-y:scroll">

<div id="xx">

sdfsdfs

sdfsdf

sdfsdf

</div>

</div>

<a href="javascript:;" id="adds">点击给XX里面添加内容</a>

<a href="javascript:;" id="geth">点击获取xx的高度</a>

<html>

<head>

<title>js 获取div所填充内容的实际高度 </title>

</head>

<body>

<div id="div1">

百度知道是一个基于搜索的互动式知识问答分享平台,于2005年6月21日发布,并于2005年11月8日转为正式版。百度知道一直探索国际化发展,于2012年3月31日发布百度知道台湾版。

</div>

<button type="submit" onclick="test()">点击获取</button>

<script type="text/javascript">

function test() {  

        var oDiv = documentgetElementById('div1');  

        alert(oDivoffsetHeight);  

    }  

</script>

</body>

</html>

下面结合各上图介绍一下各个属性的作用:

一offsetTop属性:

此属性可以获取元素的上外缘距离最近采用定位父元素内壁的距离,如果父元素中没有采用定位的,则是获取上外边缘距离文档内壁的距离。所谓的定位就是position属性值为relative、absolute或者fixed。

返回值是一个整数,单位是像素。

此属性是只读的。

二offsetLeft属性:

此属性和offsetTop的原理是一样的,只不过方位不同,这里就不多介绍了。

三offsetWidth属性:

此属性可以获取元素的宽度,宽度值包括:元素内容+内边距+边框。不包括外边距和滚动条部分。

返回值是一个整数,单位是像素。

此属性是只读的。

四offsetHeight属性:

此属性可以获取元素的高度,宽度值包括:元素内容+内边距+边框。不包括外边距和滚动条部分。

返回值是一个整数,单位是像素。

此属性是只读的。

五clientWidth属性:

此属性可以返回一个元素的宽度值,值是:元素的内容+内边距。不包括边框、外边距和滚动条部分。

返回值是一个整数,单位是像素。

此属性是只读的。

六clientHeight属性:

此属性可以返回一个元素的高度值,值是:元素的内容+内边距。不包括边框、外边距和滚动条部分。

返回值是一个整数,单位是像素。

此属性是只读的。

七scrollLeft属性:

此属性可以获取或者设置对象的最左边到对象在当前窗口显示的范围内的左边的距离,也就是元素被滚动条向左拉动的距离。

返回值是一个整数,单位是像素。

此属性是可读写的。

八scrollTop属性: 

此属性可以获取或者设置对象的最顶部到对象在当前窗口显示的范围内的顶边的距离,也就是元素滚动条被向下拉动的距离。

返回值是一个整数,单位是像素。

documentgetElementById("div1")styledisplay;是获取div1的display

documentgetElementById("div1")styleheight;才是获取高度

以上就是关于如何让一个div获取另一个div的高度全部的内容,包括:如何让一个div获取另一个div的高度、jquery如何获取DIV包含滚动条在内的高度、手机浏览器获取自适应 div 的显示高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9339170.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存