ES
RU
EN
ZH
FR
DE
PT
AR
HI
js_student82
·
Cómo obtener las coordenadas X e Y de un elemento HTML en la página
¡Hola a todos! Soy nuevo en JavaScript y en el desarrollo web en general. Tengo un problema: necesito saber la posición exacta (coordenadas X e Y) de un elemento HTML con respecto al documento (toda la página), por ejemplo, para colocar dinámicamente un tooltip cerca de este elemento.
He intentado usar las propiedades `offsetLeft` y `offsetTop`, pero parece que dan la posición solo en relación al contenedor padre (`offsetParent`), no a toda la página. Si el elemento está anidado profundamente en varios `
` con diferentes `position`, las coordenadas resultan incorrectas.
Aquí hay un ejemplo de mi código:
```html
```
```javascript
const button = document.getElementById('myButton');
const x = button.offsetLeft; // Devuelve 20 (relativo a inner, no a la página)
