javascript获取设置div的高度和宽度兼容任何浏览器_javascript技巧
程序员文章站
2022-04-04 18:30:37
...
Javascript如何获取和设置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等
复制代码 代码如下:
http://www.itdos.com
http://www.itdos.com
获取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等
上一篇: 小程序中如何获取用户输入
推荐阅读
-
用js小类库获取浏览器的高度和宽度信息_javascript技巧
-
js和jquery如何获取图片真实的宽度和高度_javascript技巧
-
用js小类库获取浏览器的高度和宽度信息_javascript技巧
-
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等_javascript技巧
-
获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍_javascript技巧
-
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等_javascript技巧
-
js 获取页面高度和宽度兼容 ie firefox chrome等_javascript技巧
-
js获取dom的高度和宽度(可见区域及部分等等)_javascript技巧
-
JavaScript获取网页、浏览器、屏幕高度和宽度汇总_javascript技巧
-
js 获取网络图片的高度和宽度的实现方法(变通了下)_javascript技巧