offsetWidth和width的区别

1.offsetWidth属性可以返回对象的padding+border+width属性值之和，style.width返回值就是定义的width属性值。  
2.offsetWidth属性仅是可读属性，而style.width是可读写的。  
3.offsetWidth属性返回值是整数，而style.width的返回值是字符串，并且带有单位。  
4.style.width仅能返回以style方式定义的内部样式表的width属性值。  

应用：

在video视频播放器制作过程中，可以配合e.offsetX来获取当前的播放时间，从而可以拖动进度条来改变视频播放位置。

function scrub(e) {
    const scrubTime = (e.offsetX / progress.offsetWidth) * vidoe.duration;
    video.currentTime = scrubTime;
}