使用js如何設置、獲取盒模型的寬和高


第一種:

dom.style.width/height

這種方法只能獲取使用內聯樣式的元素的寬和高。

 

第二種:

dom.currentStyle.width/height

這種方法獲取的是瀏覽器渲染以后的元素的寬和高,無論是用何種方式引入的css樣式都可以,但只有IE瀏覽器支持這種寫法。

 

第三種:

window.getComputedStyle(dom).width/height

這種方法獲取的也是瀏覽器渲染以后的元素的寬和高,但這種寫法兼容性更好一些。

 

第四種:

dom.getBoundingClientRect().width/height

這種方法經常使用的場所是,計算一個元素的絕對位置(相對於視窗左上角),它能拿到元素的left、top、width、height 4個屬性。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM