更新时间:2023年01月10日15时34分 来源:传智教育 浏览次数:
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来改变。