Retrieve the position (X,Y) of an HTML element relative to the browser window

Question

I want to know how to get the X and Y position of HTML elements such as img and div in JavaScript relative to the browser window.

Answer 1

You might be better served by using a JavaScript framework, that has functions to return such information (and so much more!) in a browser-independant fashion. Here are a few:

• Prototype
• jQuery
• MooTools
• YUI (yahoo)

With these frameworks, you could do something like: $('id-of-img').top to get the y-pixel coordinate of the image.