offset

先來看一下offset的屬性：

1. element.offsetParent 　　返回該元素帶有定位的父級元素，父級元素沒有定位則返回body
2. element.offsetTop 　　 返回元素相對帶有定位父元素上方的偏移
3. element.offsetLeft 返回元素相對帶有定位父元素左方的偏移
4. element.offsetWidth 返回白身包括padding 、邊框、內容區的寬度。返回數值不帶單位
5. element.offsetHeight 返回自身包括padding、邊框、內容區的高度，返回數值不帶單位

offset的作用

• offset可以得到任意樣式表中的樣式值
• offset系列獲得的數值是沒有單位的
• offsetWidth包含padding+ border : width
• offsetWidth等屬性是隻讀屬性，只能獲取不能賑值

style的作用

• style只能得到行內樣式表中的樣式值
• style.width獲得的是帶有單位的字串
• style.width獲得不包含padding和border的值
• style.width是可讀寫屬性，可以獲取也可以賦值

因此

所以，我們想要獲取元素大小位置，用offset更合適，我們想要給元素更改值，則需要用style改變