编程 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 相关文章推荐

两个DIV等高的JS的实现代码

Dec 23 Javascript

javascript 学习之旅（2）

Feb 05 Javascript

js post方式传递提交的实现代码

May 31 Javascript

返回上一页并自动刷新的JavaScript代码

Feb 19 Javascript

javascript实现设置、获取和删除Cookie的方法

Jun 01 Javascript

详解JavaScript数组的操作大全

Oct 19 Javascript

Angularjs 创建可复用组件实例代码

Oct 09 Javascript

JS函数多个参数默认值指定方法分析

Nov 28 Javascript

详解VUE前端按钮权限控制

Apr 26 Javascript

ES6 Symbol数据类型的应用实例分析

Jun 26 Javascript

微信小程序动态修改页面数据及参数传递过程详解

Sep 27 Javascript

vue3.0中使用postcss-pxtorem的具体方法

Nov 20 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定时自动生成静态HTML的实现代码

2010/06/20 PHP

深入理解:单一入口、MVC、ORM、CURD、ActiveRecord概念

2013/06/06 PHP

解析WordPress中函数钩子hook的作用及基本用法

2015/12/22 PHP

Joomla实现组件中弹出一个模式(modal)窗口的方法

2016/05/04 PHP

php表单加入Token防止重复提交的方法分析

2016/10/10 PHP

PHP实现防止表单重复提交功能【基于token验证】

2018/05/24 PHP

获取非最后一列td值并将title设为该值的方法

2013/10/30 Javascript

一些老手都不一定知道的JavaScript技巧

2014/05/06 Javascript

浅谈Javascript 数组与字典

2015/01/29 Javascript

JavaScript实现把数字转换成中文

2015/06/29 Javascript

百度地图API之本地搜索与范围搜索

2015/07/30 Javascript

javascript实现不同颜色Tab标签切换效果

2016/04/27 Javascript

Bootstrap Validator 表单验证

2016/07/25 Javascript

浅谈js多维数组和hash数组定义和使用

2016/07/27 Javascript

基于JavaScript实现屏幕滚动效果

2017/01/18 Javascript

jQuery+CSS实现的table表格行列转置功能示例

2018/01/08 jQuery

Es6 Generator函数详细解析

2018/02/24 Javascript

webpack打包react项目的实现方法

2018/06/21 Javascript

Vue2 添加数据可视化支持的方法步骤

2019/01/02 Javascript

基于Vue SEO的四种方案(小结)

2019/07/01 Javascript

AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案

2020/08/13 Javascript

[01:01:25]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第三局

2016/02/27 DOTA

[06:07]DOTA2-DPC中国联赛正赛 Ehome vs VG 选手采访

2021/03/11 DOTA

使用python 3实现发送邮件功能

2018/06/15 Python

Python通过yagmail实现发送邮件代码解析

2020/10/27 Python

美国滑雪和滑雪板商店：Buckman

2018/03/03 全球购物

澳洲CFL商城：CHEMIST FOR LESS（中文）

2021/02/28 全球购物

迪斯尼假期（欧洲、中东及非洲）：Disney Holidays EMEA

2021/02/15 全球购物

人事部主管岗位职责

2013/12/26 职场文书

医学生求职信

2014/07/01 职场文书

基层党员四风问题自我剖析材料

2014/09/29 职场文书

质量整改通知单

2015/04/21 职场文书

奖金申请报告模板

2015/05/15 职场文书

2015初中教导处工作总结

2015/07/21 职场文书

小学体育组工作总结

2015/08/13 职场文书

2016个人廉洁自律承诺书

2016/03/25 职场文书