javascript获取设置div的高度和宽度兼容任何浏览器

前端技术 2023/09/03 JavaScript
Javascript如何获取和设置div的高度和宽度，并且兼容任何浏览器？看代码：
复制代码 代码如下:

<div id=\"div1\" style=\"height:300px;width:200px;\">http://www.itdos.com</div>
<div id=\"div2\" style=\"height:30px;width:20px;\">http://www.itdos.com</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等

本文地址：https://www.stayed.cn/item/6204

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案