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

ExtJS 设置级联菜单的默认值

Jun 13 Javascript

jquery常用方法及使用示例汇总

Nov 08 Javascript

js实现拖拽效果

Feb 12 Javascript

详解JavaScript的流程控制语句

Nov 30 Javascript

JQuery Ajax WebService传递参数的简单实例

Nov 02 Javascript

微信小程序二维码canvas绘制实例详解

Jan 06 Javascript

vue2.0模拟锚点的实例

Mar 14 Javascript

Element UI 自定义正则表达式验证方法

Sep 04 Javascript

在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟

Nov 28 Javascript

Node.js 深度调试方法解析

Jul 28 Javascript

vue切换菜单取消未完成接口请求的案例

Nov 13 Javascript

原生JS实现拖拽功能

Dec 16 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

dedecms中使用php语句指南

2014/11/13 PHP

ThinkPHP框架表单验证操作方法

2017/07/19 PHP

javascript 页面只自动刷新一次

2009/07/10 Javascript

一个关于jqGrid使用的小例子(行按钮)

2011/11/04 Javascript

javascript工具库代码

2012/03/29 Javascript

Javascript实现禁止输入中文或英文的例子

2014/12/09 Javascript

jQuery遍历json中多个map的方法

2015/02/12 Javascript

JavaScript使用cookie实现记住账号密码功能

2015/04/27 Javascript

js实现浏览器倒计时跳转页面效果

2016/08/12 Javascript

vue中计算属性（computed）、methods和watched之间的区别

2017/07/27 Javascript

Angular模板表单校验方法详解

2017/08/11 Javascript

基于JavaScript实现新增内容滚动播放效果附完整代码

2017/08/24 Javascript

简单实现vue验证码60秒倒计时功能

2017/10/11 Javascript

webpack4 css打包压缩问题的解决

2018/05/18 Javascript

node.js使用zlib模块进行数据压缩和解压操作示例

2020/02/12 Javascript

微信小程序 flexbox layout快速实现基本布局的解决方案

2020/03/24 Javascript

[02:51]2018年度DOTA2最佳中单位选手-完美盛典

2018/12/17 DOTA

Python中使用PIPE操作Linux管道

2015/02/04 Python

仅用50行Python代码实现一个简单的代理服务器

2015/04/08 Python

python中星号变量的几种特殊用法

2016/09/07 Python

Python+pyplot绘制带文本标注的柱状图方法

2019/07/08 Python

python打造爬虫代理池过程解析

2019/08/15 Python

python框架flask入门之环境搭建及开启调试

2020/06/07 Python

python给视频添加背景音乐并改变音量的具体方法

2020/07/19 Python

Python常驻任务实现接收外界参数代码解析

2020/07/21 Python

Python爬虫之Spider类用法简单介绍

2020/08/04 Python

分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功

2020/11/20 Python

使用css3背景渐变中的透明度来设置不同颜色的背景渐变

2014/03/31 HTML / CSS

美国知名的家庭连锁百货商店：Boscov’s

2017/07/27 全球购物

《沉香救母》教学反思

2014/04/19 职场文书

开发房地产协议书

2014/09/14 职场文书

思想道德自我评价2015

2015/03/09 职场文书

新课程改革心得体会

2016/01/22 职场文书

2016高校自主招生自荐信范文

2016/01/28 职场文书

CocosCreator如何实现划过的位置显示纹理

2021/04/14 Javascript

CSS变量实现主题切换的方法

2021/06/23 HTML / CSS