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


Posted in Javascript onSeptember 22, 2013

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等
Javascript 相关文章推荐
修改jQuery Validation里默认的验证方法
Feb 14 Javascript
关于图片的预加载过程中隐藏未知的
Dec 19 Javascript
jquery预览图片实现鼠标放上去显示实际大小
Jan 16 Javascript
分享两款带遮罩的jQuery弹出框
Dec 30 Javascript
微信和qq时间格式模板实例详解
Oct 21 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
Jan 23 Javascript
canvas实现环形进度条效果
Mar 23 Javascript
javascript input输入框模糊提示功能的实现
Sep 25 Javascript
10行代码实现微信小程序滑动tab切换
Dec 28 Javascript
详解微信小程序中var、let、const用法与区别
Jan 11 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
Apr 11 Javascript
vue项目中使用bpmn为节点添加颜色的方法
Apr 30 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 #Javascript
jCallout 轻松实现气泡提示功能
Sep 22 #Javascript
最好用的省市二级联动 原生js实现你值得拥有
Sep 22 #Javascript
jquery的选择器的使用技巧之如何选择input框
Sep 22 #Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
Sep 22 #Javascript
JS网页播放声音实现代码兼容各种浏览器
Sep 22 #Javascript
js和php如何获取当前url的内容
Sep 22 #Javascript
You might like
用php来检测proxy
2006/10/09 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
IE8 引入跨站数据获取功能说明
2008/07/22 Javascript
Mootools 1.2教程 滑动效果(Slide)
2009/09/15 Javascript
jQuery中filter()方法用法实例
2015/01/06 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
2015/09/01 Javascript
在Node.js中使用Javascript Generators详解
2016/05/05 Javascript
微信小程序 富文本转文本实例详解
2016/10/24 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
2016/11/06 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
2017/03/21 Javascript
Javascript实现跨域后台设置拦截的方法详解
2017/08/04 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
2017/12/25 jQuery
修改vue+webpack run build的路径方法
2018/09/01 Javascript
Vue实现移动端左右滑动效果的方法
2018/11/27 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
js实现车辆管理系统
2020/08/26 Javascript
[04:13]2014DOTA2国际邀请赛 专访DC目前形势不容乐观
2014/07/12 DOTA
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
对Python中for复合语句的使用示例讲解
2018/11/01 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
python爬虫学习笔记之pyquery模块基本用法详解
2020/04/09 Python
利用Python实现某OA系统的自动定位功能
2020/05/27 Python
python map比for循环快在哪
2020/09/21 Python
英国太阳镜品牌:Taylor Morris Eyewear
2018/04/18 全球购物
《绿色蝈蝈》教学反思
2014/03/02 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
公司周年庆典策划方案
2014/05/17 职场文书
年终晚会活动方案
2014/08/21 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
2014年工作总结及2015工作计划
2014/12/12 职场文书
大学毕业生自我评价
2015/03/02 职场文书
2015年城管执法工作总结
2015/07/23 职场文书
学习杨善洲同志先进事迹心得体会
2016/01/23 职场文书
导游词之吉林吉塔
2019/11/11 职场文书
导游词之西安大清真寺
2019/12/17 职场文书
Python四款GUI图形界面库介绍
2022/06/05 Python