offsetTop 與 style.top 的區別

作者：chilleen

來源：千一網絡

時間：2006-12-24

 

預備知識：offsetTop、offsetLeft、offsetWidth、offsetHeight

 

我們知道 offsetTop 可以獲得 HTML 元素距離上方或外層元素的位置，style.top 也是可以的，二者的區別是：

一、offsetTop 返回的是數字，而 style.top 返回的是字符串，除了數字外還帶有單位：px。

二、offsetTop 只讀，而 style.top 可讀寫。

三、如果沒有給 HTML 元素指定過 top 樣式，則 style.top 返回的是空字符串。

offsetLeft 與 style.left、offsetWidth 與 style.width、offsetHeight 與 style.height 也是同樣道理。