首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

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获取设置div的高度和宽度兼容任何浏览器

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
json 实例详细说明教程
Oct 31 Javascript
jquery实现输入框动态增减的实例代码
Jul 14 Javascript
sails框架的学习指南
Dec 22 Javascript
JQuery分屏指示器图片轮换效果实例
May 21 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
学习使用bootstrap基本控件（table、form、button）
Apr 12 Javascript
JavaScript必知必会(七)js对象继承
Jun 08 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
vue element table 表格请求后台排序的方法
Sep 28 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
vue实现百度语音合成的实例讲解
Oct 14 Javascript
javascript单张多张图无缝滚动实例代码
May 10 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
ip2region(1) scrapy(1) DeOldify(1) RestTemplate(1) dataBinding(1) Quartz(1) 注解(1) 反射(1) virtualenv(1) BottomSheetDialog(1)
You might like
php将时间差转换为字符串提示
2011/09/07 PHP
PHP生成短网址的3种方法代码实例
2014/07/08 PHP
PHP第三方登录―QQ登录实现方法
2017/02/06 PHP
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
jQuery+ajax中getJSON() 用法实例
2014/12/22 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
Javascript ES6中对象类型Sets的介绍与使用详解
2017/07/17 Javascript
打字效果动画的4种实现方法(超简单)
2017/10/18 Javascript
看看“疫苗查询”小程序有温度的代码
2018/07/31 Javascript
vue 登录滑动验证实现代码
2018/08/24 Javascript
使用Taro实现小程序商城的购物车功能模块的实例代码
2020/06/05 Javascript
详解vue路由
2020/08/05 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
2020/09/24 Javascript
vue-video-player视频播放器使用配置详解
2020/10/23 Javascript
[01:01:25]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第三局
2016/02/27 DOTA
[04:40]DOTA2-DPC中国联赛1月26日Recap集锦
2021/03/11 DOTA
Python学习笔记_数据排序方法
2014/05/22 Python
在Django中同时使用多个配置文件的方法
2015/07/22 Python
在Mac OS上搭建Python的开发环境
2015/12/24 Python
实例探究Python以并发方式编写高性能端口扫描器的方法
2016/06/14 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
python中for循环输出列表索引与对应的值方法
2018/11/07 Python
对python pandas读取剪贴板内容的方法详解
2019/01/24 Python
Pytorch训练过程出现nan的解决方式
2020/01/02 Python
PYcharm 激活方法(推荐)
2020/03/23 Python
keras输出预测值和真实值方式
2020/06/27 Python
python使用requests库爬取拉勾网招聘信息的实现
2020/11/20 Python
详解CSS3弹性伸缩盒
2020/09/21 HTML / CSS
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
浅谈关于html5中图片抛物线运动的一些心得
2018/01/09 HTML / CSS
瑜伽服装品牌：露露柠檬（lululemon athletica）
2017/06/04 全球购物
What's the difference between an interface and abstract class? (接口与抽象类有什么区别)
2012/10/29 面试题
大学生如何写自荐信
2014/01/08 职场文书
小学母亲节活动总结
2015/02/10 职场文书
《活见鬼》教学反思
2016/02/24 职场文书