Как получить X, Y ширину и высоту всех ссылок на HTML-странице

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, чтобы разрешить абсолютные координаты.