第一種:
dom.style.width/height
這種方法只能獲取使用內聯樣式的元素的寬和高。
第二種:
dom.currentStyle.width/height
這種方法獲取的是瀏覽器渲染以后的元素的寬和高,無論是用何種方式引入的css樣式都可以,但只有IE瀏覽器支持這種寫法。
第三種:
window.getComputedStyle(dom).width/height
這種方法獲取的也是瀏覽器渲染以后的元素的寬和高,但這種寫法兼容性更好一些。
第四種:
dom.getBoundingClientRect().width/height
這種方法經常使用的場所是,計算一個元素的絕對位置(相對於視窗左上角),它能拿到元素的left、top、width、height 4個屬性。