辨析element.offsetXxxx和element.style.xxxx

　　DOM操作时，经常使用element.style属性，没错，element.style是属性，和几个offsetXxxx属性一样，概念是一样的。

　　但是style有几个属性，这几个属性和offsetXxxx有很大关系。他们是可以相互转化的。

　　之所以说转化，是因为他们的值类型不同，element.offsetXxxx的值类型是Number，并且是整型，比如100。而element.style.xxx是带有单位的字符串，比如100px。

　　所以要相互转化，要使用parseInt对style的数据进行处理。

　　但是，并不能保证ele.offsetWidth == ele.style.width

　　但是，并不能保证ele.offsetWidth == ele.style.width

　　但是，并不能保证ele.offsetWidth == ele.style.width

　　其他属性也是这样的，因为要搞清楚offsetWidth的概念。

　　ele.offsetWidth = parseInt( ele.style.width ) + parseInt(ele.style.borderWidth) + parseInt(ele.style.paddingWidth)。

element.offsetXxxx	element.style
element.offsetWidth	element.style.width
element.offsetHeight	element.style.height
element.offsetLeft	element.style.left
element.offsetTop	element.style.top

转载于:https://www.cnblogs.com/-beyond/p/8934452.html