辨析element.offsetXxxx和element.style.xxxx
阿新 • • 發佈：2018-04-25
類型 dom 並且 ble element off parse num 這樣的
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 |
辨析element.offsetXxxx和element.style.xxxx