How to get the distance from the top for an element?

Question

I want to know how to use JavaScript to get the distance of an element from the top of the page not the parent element.

Answer 1

Use offsetTop

document.getElementById("foo").offsetTop

Demo