javascript獲取設置div的高度和寬度兼容任何瀏覽器
更新時間：2013年09月22日 16:36:04 作者：
Javascript如何獲取和設置div的高度和寬度，并且兼容任何瀏覽器，感興趣的朋友不妨看看下面的代碼或許有意想不到的收獲
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等
復制代碼 代碼如下:
<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使用類似break機制中斷forEach循環(huán)的方法
這篇文章主要介紹了JavaScript使用類似break機制中斷forEach循環(huán)的方法,需要的朋友可以參考下2018-11-11
這篇文章主要介紹了js replace替換所有匹配的字符串,需要的朋友可以參考下2014-02-02
for?循環(huán)是出現(xiàn)最早，也是應用最普遍的一個遍歷，能夠滿足絕大多數(shù)的遍歷?？梢员闅v?數(shù)組、對象、字符串。本文將詳細為大家介紹JS中的六種For循環(huán)的使用，需要的可以參考一下2022-04-04
js中substr,substring,indexOf,lastIndexOf的用法小結
本篇文章主要是對js中substr,substring,indexOf,lastIndexOf的用法進行了總結介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要為大家介紹了javascript計算時間差的示例代碼，，一般來說都是計算當前時間和一個指定時間點之間的差距，感興趣的小伙伴們可以參考一下2016-01-01
javascript jquery對form元素的常見操作詳解
下面小編就為大家?guī)硪黄猨avascript jquery對form元素的常見操作詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
用來區(qū)別多個瀏覽器的代碼，其實在具體的使用中，一般只要區(qū)分ie跟firefox.2009-07-07
簡單的使用echarts不難,但是在小程序里用echarts可能有些理不清。所以這篇文章主要給大家介紹了關于微信小程序基礎教程之echart使用的相關資料,需要的朋友可以參考下2021-06-06
Three.js中網(wǎng)格對象MESH的屬性與方法詳解
三維開發(fā)渲染最多的對象大概是網(wǎng)格mesh了，Webgl開發(fā)三維也不例外，下面這篇文章主要給大家介紹了關于Three.js中網(wǎng)格對象MESH的屬性與方法，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。2017-09-09
這篇文章主要為大家詳細介紹了javascript實現(xiàn)掃雷簡易版，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08