 
<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的寬高度：

復(fù)制代碼代碼如下:

 
alert(document.getElementById("div1").offsetHeight); //兼容FF、IE等 
alert(document.getElementById("div1").offsetWidth); //兼容FF、IE等 

設(shè)置div1的寬高度為div2的寬高度：

復(fù)制代碼代碼如下:

 
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等 

您可能感興趣的文章:

相關(guān)文章

JavaScript 捕獲窗口關(guān)閉事件
javascript捕獲窗口關(guān)閉事件有兩種方法
2009-07-07
javascript彈出一個層并增加一個覆蓋層
彈出一個層的js代碼，比較不錯
2008-10-10
用js腳本控制asp.net下treeview的NodeCheck的實現(xiàn)代碼
根據(jù)TreeView2.js修改后的TreeView父節(jié)點與子節(jié)點的CheckBox聯(lián)動.
2010-03-03
JavaScript動畫原理之如何使用js進(jìn)行動畫效果的實現(xiàn)
在現(xiàn)在做頁面很多時候都會用上動畫效果,比如下拉菜單,側(cè)邊搜索欄,層的彈出與關(guān)閉等等,下面這篇文章主要給大家介紹了關(guān)于JavaScript動畫原理之如何使用js進(jìn)行動畫效果實現(xiàn)的相關(guān)資料,需要的朋友可以參考下
2023-04-04
js實現(xiàn)從左向右滑動式輪播圖效果
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)從左向右滑動式輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
javascript 構(gòu)造函數(shù)強制調(diào)用經(jīng)驗總結(jié)
本文將介紹javascript構(gòu)造函數(shù)調(diào)用方面的案例應(yīng)用，需要了解的朋友可以參考下
2012-12-12
微信小程序?qū)崿F(xiàn)swiper切換卡內(nèi)嵌滾動條不顯示的方法示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)swiper切換卡內(nèi)嵌滾動條不顯示的方法,涉及微信小程序swiper選項卡組件相關(guān)操作技巧,需要的朋友可以參考下
2018-12-12
three.js快速入門【推薦】
本文主要介紹了three.js的基礎(chǔ)知識。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
Bootstrap布局方式詳解
這篇文章主要為大家詳細(xì)介紹了Bootstrap布局方式，分析了Bootstrap網(wǎng)格系統(tǒng)的各種特性，感興趣的小伙伴們可以參考一下
2016-05-05
Bootstrap Search Suggest使用例子
這篇文章主要為大家詳細(xì)介紹了Bootstrap Search Suggest使用例子，教大家使用bootstrap搜索建議插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12