首頁 > web前端 > js教程 > javascript取得設定div的高度和寬度相容任何瀏覽器_javascript技巧

javascript取得設定div的高度和寬度相容任何瀏覽器_javascript技巧

WBOY
發布: 2016-05-16 17:21:41
原創
1423 人瀏覽過

Javascript如何取得和設定div的高度和寬度,並且相容於任何瀏覽器?看程式碼:

複製程式碼 程式碼如下:

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.getElementById2").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等
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板