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

来源：互联网发布：java读取zip文件夹编辑：程序博客网时间：2024/05/16 08:58

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等 

0 0