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

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

WBOY
WBOY原創
2016-05-16 17:21:411404瀏覽

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等
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn