css - window.open javascript new tab - Recuperar la posición (X,Y)de un elemento HTML en relación con la ventana del navegador

html, css javascript pdf / javascript / html / dom / position

Quiero saber cómo obtener la posición X e Y de elementos HTML como img y div en JavaScript en relación con la ventana del navegador.

Jack



Answer #1

Para recuperar la posición relativa a la página de manera eficiente,y sin utilizar una función recursiva:(incluye también a IE)

var element = document.getElementById('elementId'); // Reemplaza elementId con el Id de tu elemento.
var rect = element.getBoundingClientRect();
var elementLeft,elementTop; //X y Y
var scrollTop = document.documentElement.scrollTop?
                document.documentElement.scrollTop:document.body.scrollTop;
var scrollLeft = document.documentElement.scrollLeft?                   
                 document.documentElement.scrollLeft:document.body.scrollLeft;
elementTop = rect.top+scrollTop;
elementLeft = rect.left+scrollLeft;