比较 width 与 offsetwidth 的区别

大家好，欢迎来到IT知识分享网。

比较width 与 offsetWidth 的区别

1、offsetWidth > width
element.offsetWidth = element.style.width + element.style.padding + element.style.border；（不包括margin）

2、offsetWidth 属性仅仅可读，而style.width 是可写的；
所以通常用 style.width用作进JavaScript中设置元素的宽度，而offsetWidth不可以。

3、offsetWidth 属性返回值是整数，如果实际值是小数，会根据实际值进行四舍五入操作，返回处理后的整数。width=44.499px；输出结果为49；
width=44.5px；输出结果为45；
而style.width的返回值是字符串，并且带有单位
width=44.499px；输出结果为44.499px；

4、style.width仅仅能返回以style方式定义的内部样式表的width属性值。
因此样式写在行内的时候<div id="box" style="width:100px">，用style.width或者offsetWidth都可以获取元素的宽度；
如果写在css样式表中的时候，.box{width:100px;}，此时只能用offsetWidth来获取元素的宽度，而style.width所返回的值为空。