javascript获取设置div的高度和宽度兼容任何浏览器
更新时间：2013年09月22日 16:36:04 作者：
Javascript如何获取和设置div的高度和宽度，并且兼容任何浏览器，感兴趣的朋友不妨看看下面的代码或许有意想不到的收获
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等
复制代码 代码如下:
<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等
相关文章
javascript捕获窗口关闭事件有两种方法2009-07-07
弹出一个层的js代码，比较不错2008-10-10
用js脚本控制asp.net下treeview的NodeCheck的实现代码
根据TreeView2.js修改后的TreeView父节点与子节点的CheckBox联动.2010-03-03
JavaScript动画原理之如何使用js进行动画效果的实现
在现在做页面很多时候都会用上动画效果,比如下拉菜单,侧边搜索栏,层的弹出与关闭等等,下面这篇文章主要给大家介绍了关于JavaScript动画原理之如何使用js进行动画效果实现的相关资料,需要的朋友可以参考下2023-04-04
这篇文章主要为大家详细介绍了js实现从左向右滑动式轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
本文将介绍javascript构造函数调用方面的案例应用，需要了解的朋友可以参考下2012-12-12
这篇文章主要介绍了微信小程序实现swiper切换卡内嵌滚动条不显示的方法,涉及微信小程序swiper选项卡组件相关操作技巧,需要的朋友可以参考下2018-12-12
本文主要介绍了three.js的基础知识。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要为大家详细介绍了Bootstrap布局方式，分析了Bootstrap网格系统的各种特性，感兴趣的小伙伴们可以参考一下2016-05-05
这篇文章主要为大家详细介绍了Bootstrap Search Suggest使用例子，教大家使用bootstrap搜索建议插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
最新评论