預備知識：offsetTop、offsetLeft、offsetWidth、offsetHeight
我們知道 offsetTop 可以獲得 HTML 元素距離上方或外層元素的位置，style.top 也是可以的，二者的區別是：
一、offsetTop 返回的是數字，而 style.top 返回的是字符串，除了數字外還帶有單位：px。(這里的style.top是讀的css樣式中的top:20px;這種形式的值,所以是帶有"px"的)
二、offsetTop 只讀，而 style.top 可讀寫。(style.top賦值切記加上"px",測試過發現IE下用數值是可以的,但其它主流chrome,opera,ff,safari都不能識別,所以必須加"px")
三、如果沒有給 HTML 元素指定過 top 樣式，則 style.top 返回的是空字符串。
offsetLeft 與 style.left、offsetWidth 與 style.width、offsetHeight 與 style.height 也都是類似區別。