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

通过JS动态创建一个html DOM元素并显示

Oct 15 Javascript

JavaScript lastIndexOf方法入门实例（计算指定字符在字符串中最后一次出现的位置）

Oct 17 Javascript

jQuery实现自定义事件的方法

Apr 17 Javascript

jQuery实现仿腾讯微博滑出效果报告每日天气的方法

May 11 Javascript

JS实现日期时间动态显示的方法

Dec 07 Javascript

js仿拉勾网首页穿墙广告效果

Mar 08 Javascript

基于LayUI分页和LayUI laypage分页的使用示例

Aug 02 Javascript

JavaScript闭包的简单应用

Sep 01 Javascript

highcharts 在angular中的使用示例代码

Sep 20 Javascript

详解 vue.js用法和特性

Oct 15 Javascript

详解如何将 Vue-cli 改造成支持多页面的 history 模式

Nov 20 Javascript

原生JS与CSS实现软件卸载对话框功能

Dec 05 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实现memcache缓存示例讲解

2013/12/04 PHP

CentOS6.5 编译安装lnmp环境

2014/12/21 PHP

Yii2框架引用bootstrap中日期插件yii2-date-picker的方法

2016/01/09 PHP

tp5框架的增删改查操作示例

2019/10/31 PHP

one.php 多项目、函数库、类库统一为一个版本的方法

2020/08/24 PHP

深入理解JavaScript系列(13) This? Yes,this!

2012/01/18 Javascript

用jQuery获取IE9下拉框默认值问题探讨

2013/07/22 Javascript

两个数组去重的JS代码

2013/12/04 Javascript

js调试系列源码定位与调试[基础篇]

2014/06/18 Javascript

推荐JavaScript实现继承的最佳方式

2014/11/11 Javascript

JavaScript获取一个范围内日期的方法

2015/04/24 Javascript

JS实现黑色风格的网页TAB选项卡效果代码

2015/10/09 Javascript

jQuery页面元素动态添加后绑定事件丢失方法,非 live

2016/06/16 Javascript

使用Javascript监控前端相关数据的代码

2016/10/27 Javascript

基于jQuery实现的查看全文功能【实用】

2016/12/11 Javascript

jQuery动态生成不规则表格(前后端)

2017/02/21 Javascript

JavaScript 巧学巧用

2017/05/23 Javascript

ReactNative Image组件使用详解

2017/08/07 Javascript

jquery一键控制checkbox全选、反选或全不选

2017/10/16 jQuery

python3.4用函数操作mysql5.7数据库

2017/06/23 Python

浅谈配置OpenCV3 + Python3的简易方法(macOS)

2018/04/02 Python

python实现简单http服务器功能

2018/09/17 Python

浅谈pycharm下找不到sqlalchemy的问题

2018/12/03 Python

简单了解python变量的作用域

2019/07/30 Python

python安装scipy的步骤解析

2019/09/28 Python

python把一个字符串切开的实例方法

2020/09/27 Python

通过HTML5 Canvas API绘制弧线和圆形的教程

2016/03/14 HTML / CSS

Tahari ASL官方网站：高级设计师女装

2021/03/15 全球购物

Weblogc domain问题

2014/01/27 面试题

JDBC操作数据库的基本流程是什么

2014/10/28 面试题

Java程序员常见面试题

2015/07/16 面试题

公司门卫的岗位职责

2014/02/19 职场文书

中层干部培训方案

2014/06/16 职场文书

2014年人力资源部工作总结

2014/11/19 职场文书

新年晚会主持词开场白

2015/05/28 职场文书

ICOM R71E和R72E图文对比解说

2022/04/07 无线电