JavaScript获取设置div的高度和宽度

最新推荐文章于 2025-07-08 09:53:50 发布

u013063153

最新推荐文章于 2025-07-08 09:53:50 发布

阅读量2.4w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/u013063153/article/details/52639699

JavaScript 专栏收录该内容

82 篇文章

订阅专栏

本文介绍了如何使用JavaScript获取和设置div元素的高度和宽度，提供兼容Firefox和IE的解决方案。示例中，通过offsetHeight和offsetWidth属性获取div尺寸，并通过style属性设置div1的尺寸为div2的尺寸。

JavaScript获取和设置div的高度和宽度，并且兼容任何浏览器？看代码：

复制代码代码如下:

<div id="div1" style="height:500px;width:500px;"></div> 

<div id="div2" style="height:50px;width:50px;"></div> 

获取div1的宽高度：

复制代码代码如下:

alert(document.getElementById("div1").offsetHeight); //兼容FF、IE等 

alert(document.getElementById("div1").offsetWidth); //兼容FF、IE等 

设置div1的宽高度为div2的宽高度：

复制代码代码如下:

document.getElementById("div1").style.height=document.getElementById("div2").offsetHeight; //仅IE 

document.getElementById("div1").style.height=document.getElementById("div2").offsetHeight+ "px"; //兼容FF、IE等 

document.getElementById("div1").style.width=document.getElementById("div2").offsetWidth; //仅IE 

document.getElementById("div1").style.width=document.getElementById("div2").offsetWidth+ "px"; //兼容FF、IE等