第一种：
dom.style.width/height
这种方法只能获取使用内联样式的元素的宽和高。
第二种：
dom.currentStyle.width/height
这种方法获取的是浏览器渲染以后的元素的宽和高，无论是用何种方式引入的css样式都可以，但只有IE浏览器支持这种写法。
第三种：
window.getComputedStyle(dom).width/height
这种方法获取的也是浏览器渲染以后的元素的宽和高，但这种写法兼容性更好一些。
第四种：
dom.getBoundingClientRect().width/height
这种方法经常使用的场所是，计算一个元素的绝对位置（相对于视窗左上角），它能拿到元素的left、top、width、height 4个属性。
原文地址：https://www.cnblogs.com/yangdaren/p/10755653.html
时间： 2024-10-11 20:03:54