如何獲取HTML頁面上所有鏈接的X，Y寬度和高度

Question

我正在開發Google Chrome擴展程序我想跟蹤特定頁面上所有錨點的位置（像素座標）。目前我有以下代碼，它遍歷頁面上的所有錨點。

function clickHandler(){ 
    // BUG: print this anchors location 
    alert(this.top); 
} 

var anchors = document.getElementsByTagName("a"); 
i=anchors.length; 
while (i--) { 
    anchors[i].addEventListener('click', clickHandler, false); 
}   

我應該怎樣去獲得的X，Y座標，寬度和高度爲錨？嘗試只嘗試訪問錨點的頂部和左側屬性的幼稚方法表明，它們是未定義的。

Answer 1

offsetTop，offsetLeft，offsetWidth，offsetHeight。您必須通過offsetParent追索解決絕對座標。