更新时间:2022-01-07 来源:黑马程序员 浏览量:
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来改变。
猜你喜欢：
1024首播｜39岁程序员逆袭记：不被年龄定义，AI浪潮里再迎春天
2025-10-241024程序员节丨10年同行，致敬用代码改变世界的你
2025-10-24【AI设计】北京143期毕业仅36天，全员拿下高薪offer！黑马AI设计连续6期100%高薪就业
2025-09-19【跨境电商运营】深圳跨境电商运营毕业22个工作日，就业率91%+，最高薪资达13500元
2025-09-19【AI运维】郑州运维1期就业班，毕业14个工作日，班级93%同学已拿到Offer， 一线均薪资 1W+
2025-09-19【AI鸿蒙开发】上海校区AI鸿蒙开发4期5期，距离毕业21天，就业率91%，平均薪资14046元
2025-09-19
AI智能应用开发
AI大模型开发
AI鸿蒙开发
AI嵌入式+
AI大数据开发
AI运维
AI测试
跨境电商运营
AI设计
AI视频创作运营
.jpg)