To get the offset position of an HTML element relative to its parent, you can use the offsetLeft and offsetTop properties of the element.

Here is example:

const div = document.querySelector('.pizza');

console.log(`Offset Position: (${div.offsetTop}, ${div.offsetLeft})`);

The above example prints the top-left coordinates of an element relative to its parent pixels. By default, the top left corner of the element is (0, 0). The scrollLeft and scrollTop properties are relative to the default coordinate.

✌️ Like this article? Follow me on Twitter and LinkedIn. You can also Subscribe to RSS Feed.

Last Updated: