javascript - 如何获取 HTML 页面上所有链接的 X、Y 宽度和高度

Question

我正在开发一个 Google Chrome 扩展程序，我想跟踪特定页面上所有 anchor 的位置(像素坐标)。目前我有以下代码，它遍历页面上的所有 anchor 。

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);
}        

我应该如何获取 anchor 的 x、y 坐标以及宽度和高度？尝试访问 anchor 的 top 和 left 属性的天真方法告诉我它们是未定义的。

Answer 1

offsetTop、offsetLeft、offsetWidth、offsetHeight 怎么样。您必须求助于 offsetParent 来解析绝对坐标。