使用js如何设置、获取盒模型的宽和高

标签：支持   设置   兼容   width   ted   盒模型   get   bsp   window   

第一种：

dom.style.width/height

这种方法只能获取使用内联样式的元素的宽和高。

第二种：

dom.currentStyle.width/height

这种方法获取的是浏览器渲染以后的元素的宽和高，无论是用何种方式引入的css样式都可以，但只有IE浏览器支持这种写法。

第三种：

window.getComputedStyle(dom).width/height

这种方法获取的也是浏览器渲染以后的元素的宽和高，但这种写法兼容性更好一些。

第四种：

dom.getBoundingClientRect().width/height

这种方法经常使用的场所是，计算一个元素的绝对位置（相对于视窗左上角），它能拿到元素的left、top、width、height 4个属性。

使用js如何设置、获取盒模型的宽和高

标签：支持   设置   兼容   width   ted   盒模型   get   bsp   window   

原文地址：https://www.cnblogs.com/yangdaren/p/10755653.html