How to get the pageX and pageY of an Element without using event

Question

Is there anyway to the positioning of any element without using e.pageX and e.pageY.

Check this fiddle

The fiddle is actually a poor attempt at what im tryi

Answer 1

You may use

document.getElementById("elementID").offsetTop;
document.getElementById("elementID").offsetLeft;

Refer to MDN. They return the offset from the parent element. If you need the offset of the element in respect to the whole body it may get more tricky, as you will have to sum the offsets of each element in the chain.
Respectively for .getElementsByTagName, as each object in the DOM has these attributes.

.getBoundingClientRect is also worth a look.

var clientRectangle = document.getElementById("elementID").getBoundingClientRect();
console.log(clientRectangle.top); //or left, right, bottom