如何获取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来求解绝对坐标。