FR
RU
EN
ES
ZH
DE
PT
AR
HI
js_student82
·
Comment obtenir les coordonnées X et Y d'un élément HTML sur la page ?
Bonjour à tous ! Je suis débutant en JavaScript et en développement web en général. J'ai un problème : j'ai besoin de connaître la position exacte (coordonnées X et Y) d'un élément HTML par rapport au document (la page entière), par exemple pour placer dynamiquement une infobulle (tooltip) à côté de cet élément.
J'ai essayé d'utiliser les propriétés `offsetLeft` et `offsetTop`, mais elles semblent donner la position uniquement par rapport au conteneur parent (`offsetParent`), et non par rapport à la page entière. Si l'élément est imbriqué profondément dans plusieurs `
` avec différents `position`, les coordonnées obtenues sont incorrectes.
Voici un exemple de mon code :
```html
```
```javascript
const button = document.getElementById('myButton');
const x = button.offsetLeft; // Retourne 20 (par rapport à inner, pas à la page)
