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的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
May 24 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
May 07 Javascript
使用js实现关闭js弹出层的窗口
Feb 10 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
Feb 13 Javascript
JavaScript将字符串转换为整数的方法
Apr 14 Javascript
jQuery实现鼠标滑过点击事件音效试听
Aug 31 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
Jun 13 Javascript
Javascript之面向对象--接口
Dec 02 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
值得收藏的vuejs安装教程
Nov 21 Javascript
Angular HMR(热模块替换)功能实现方法
Apr 04 Javascript
layui-table获得当前行的上/下一行数据的例子
Sep 24 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的开合式多级菜单程序
2006/10/09 PHP
使用sockets:从新闻组中获取文章(一)
2006/10/09 PHP
PHP Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
php获取数组中重复数据的两种方法
2013/06/28 PHP
Yii2-GridView 中让关联字段带搜索和排序功能示例
2017/01/21 PHP
PHP设计模式之工厂模式定义与用法详解
2018/04/03 PHP
PHP实现一维数组与二维数组去重功能示例
2018/05/24 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
JavaScript实现禁止后退的方法
2006/12/27 Javascript
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
2015/03/13 Javascript
js实现简单的左右两边固定广告效果实例
2015/04/10 Javascript
浅谈JavaScript的函数及作用域
2016/12/30 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
2017/01/13 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
2017/08/22 Javascript
web页面和微信小程序页面实现瀑布流效果
2018/09/26 Javascript
Vue 全家桶实现移动端酷狗音乐功能
2018/11/16 Javascript
详解如何理解vue的key属性
2019/04/14 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
解决vuex刷新数据消失问题
2020/11/12 Javascript
[15:20]DOTA2亚洲邀请赛总决赛开幕式表演:羽泉献唱
2017/04/05 DOTA
[51:53]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第二场 11.01
2020/11/02 DOTA
python读取csv文件并把文件放入一个list中的实例讲解
2018/04/27 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
Python实现CAN报文转换工具教程
2020/05/05 Python
世界上最大的在线学习和教学市场:Udemy
2017/11/08 全球购物
旅游管理专业生自荐信范文
2014/01/02 职场文书
违反校纪校规检讨书
2014/02/15 职场文书
陈欧广告词
2014/03/14 职场文书
质量承诺书格式
2014/05/20 职场文书
结对共建工作方案
2014/06/02 职场文书
老公出轨后的保证书
2015/05/08 职场文书
参观监狱警示教育心得体会
2016/01/15 职场文书
python单元测试之pytest的使用
2021/06/07 Python