如何获取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追索解决绝对坐标。