JavaScript: ottenere le coordinate di un elemento relative al suo genitore

JavaScript offre un semplice modo per ottenere le coordinate di un elemento relative al suo genitore.

La soluzione è la seguente:

'use strict';

const position = el => {
    let rect = el.getBoundingClientRect();
    let rectParent = el.parentNode.getBoundingClientRect();
    
    let coordsParent = {
      top: rectParent.top + document.body.scrollTop,
      left: rectParent.left + document.body.scrollLeft
    };
    let coords = {
        top: rect.top - coordsParent.top,
        left: rect.left - coordsParent.left
    };
    
    return coords;
};