Obtenir la position d'une balise div/span

Question

Quelqu'un peut-il me montrer comment obtenir le top & left position d'un div o span lorsqu'un élément n'est pas spécifié ?

ie :

<span id='11a' style='top:55px;' onmouseover="GetPos(this);">stuff</span>
<span id='12a' onmouseover="GetPos(this);">stuff</span>

Dans ce qui précède, si je le fais :

document.getElementById('11a').style.top

La valeur de 55px est renvoyé. Cependant, si j'essaie de le faire pour span 12a', alors rien n'est renvoyé.

J'ai un tas de div / span sur une page dont je ne peux pas préciser le top / left mais j'ai besoin d'afficher un div directement sous cet élément.

Answer 1

Je me rends compte que c'est un vieux sujet, mais la réponse de @alex doit être marquée comme étant la bonne réponse.

element.getBoundingClientRect() est une correspondance exacte avec l'outil jQuery $(element).offset()

Et il est compatible avec IE4+ ... https://developer.mozilla.org/en-US/docs/Web/API/Element.getBoundingClientRect