JavaScript获取元素偏移量offsetWidth和style.width的区别

offsetWideh

使用方式

var box = document.querySelector('.box')
box.offsetWidth

style.width

使用方式

var box = document.querySelector('.box')
box.style.width

区别

offsetWidth	style.width
可以得到任意样式表中的样式值	只能得到行内样式表中的样式值
获得的数值不带单位	获得的是带单位的字符串
包含padding+border+width	不包含padding和border
只读属性 不能赋值	可读性属性 可以赋值

总结

• 想要获取元素大小位置，用offset更合适
• 想给元素改值，需要用style

欢迎关注

掘金：juejin.cn/user/415657…

Github：github.com/zhubingran

CSDN：blog.csdn.net/qq_43118757

QQ：1330022055