炒冷飯

當我們在利用 JavaScript 讀取某一個在 HTML 裡的物件位置時，通常會用 object.style.top 和 object.style.left 來抓物件的設定值，如：

var targetObject = document.getElementById("someObject");
if (targetObject)
      topPos = parseInt(targetObject.style.top);

但如果把 top 和 left 的値設定在 <style type="text/css">...</style> 或是連結的外部 CSS 檔案當中，而不是用 inline style (就是直接寫在標籤的 style 屬性裡，類似 <div style="..."> 的 )， 抓的就會是空値。當然，要解決這個問題的方法就是用 inline style 啦。
另外，我知道會有人要問為什麼不用 object.style.posTop 和 object.style.posLeft - 這個只有 IE 可以用，雖然它可以直接取出整數。 » 看範例

您可能有興趣的文章：

ruler function

追蹤游標位置

alpha tools: horizontal ruler

擷取 HTML 文件中物件的位置

偵測瀏覽器的相容性

setInterval / setTimeout