js获取一个div的height(width)并赋值给另一个div

2024-07-17 05:23| 来源: 网络整理| 查看: 265

js获取一个div的height并赋值给另一个div 当div的高度是动态的，而父级div的高度不能自适应，这个时候可以用js来动态获取子div的动态height，并赋值给父级div

假设父级div无法随着子div的高度改变而改变

首先是HTML页面，这里我就举个例子

这个div高度为动态，并且大于父级div的高度

CSS部分

#faster{ width: 500px; height: 200px; background: red; } #son{ width: 200px; height: 400px; background: deepskyblue; float: right; }

真是个丑到无法呼吸的页面

好丑啊！！！！！

js部分，这里提供原生写法和jQ写法可以使用offsetHeight方法

//原生js var fasterheight = document.getElementById('faster'); var sonheight = document.getElementById('son'); fasterheight.style.height = sonheight.offsetHeight+'px'; //jQ写法 //使用jquery需要引用官方文件 window.onload = function() { var fasterHeight = $('#son').height(); $("#faster").css({height: fasterHeight+'px'}); }

效果如下：在这里插入图片描述获取动态宽度方法类似，使用offsetWidth方法

【本文地址】

公司简介

联系我们