基于js中style.width与offsetWidth的区别(详解)-创新互联
作为一个初学者，经常会遇到在获取某一元素的宽度（高度、top值...）时，到底是用 style.width还是offsetWidth的疑惑。
1. 当样式写在行内的时候，如
时，用 style.width或者offsetWidth都可以获取元素的宽度。
本文标题：基于js中style.width与offsetWidth的区别(详解)-创新互联
文章起源：http://shouzuofang.com/article/doepoh.html
但是，当样式写在样式表中时，如 ＃box{ width: 100px; }, 此时只能用offsetWidth来获取元素的宽度，而style.width所返回的值为空。
2. style.width 获取的元素宽度只是div的宽度，不包括border、和padding所占的宽度，且宽度值是带单位px的。
offsetWidth 获取的元素宽度为width+border+padding的值（不包括margin），且返回值只为一个数值，不带单位。
如下面的例子所示：
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
本文标题：基于js中style.width与offsetWidth的区别(详解)-创新互联
文章起源：http://shouzuofang.com/article/doepoh.html