offset与style属性有哪些不同？

原文地址：https://www.itheima.com/news/20220107/173821.html

offset系列和style属性都可以获得元素样式的属性和位置，那么两者有什么区别呢?接下来我们就对offset系列和style属性的区别进行深入分析，具体如下表所示。

offset与style的区别

offset	style
offset可以得到任意演示表中的样式值	style只能得到行内样式表中的样式值
offset系列获得的数值是没有单位的	style.width获得的是带有单位的字符串
offsetWidth包含padding、border、width的值	style.width获得的是不包含padding、border的值
offsetWidth等属性是只读属性，只能获取不能赋值	style.width是可读属性，可以获取可以赋值

需要注意的是，offset系列是只读属性，只能获取元素的宽度，不能像style那样通过赋值修改元素样式。想到获取元素的大小位置，使用ofet更为合适;而想要给元素更改值，则需要使用syle来改变。

猜你喜欢：

JS判断数组类型的方法

JS数组去重的方法

JS数组转为字符串如何实现？

黑马程序员web前端培训课程