كيفية الحصول على إحداثيات X و Y لعنصر HTML على الصفحة؟
```html
مرحباً بالجميع! أنا مبتدئ في JavaScript وتطوير الويب بشكل عام. واجهت مشكلة: أحتاج إلى معرفة الموقع الدقيق (إحداثيات X و Y) لعنصر HTML بالنسبة للمستند (الصفحة بأكملها)، على سبيل المثال، لوضع تلميح أداة (tooltip) ديناميكياً بجوار هذا العنصر.
حاولت استخدام الخاصيتين `offsetLeft` و `offsetTop`، لكنهما، على ما يبدو، تعطيان الموقع فقط بالنسبة للحاوية الأم (`offsetParent`)، وليس للصفحة بأكملها. إذا كان العنصر متداخلاً بعمق داخل عدة `
` مع `position` مختلفة، فإن الإحداثيات تصبح غير صحيحة.
هذا مثال للكود الخاص بي:
```html
```
```javascript
const button = document.getElementById('myButton');
const x = button.offsetLeft; // يُرجع 20 (بالنسبة لـ inner، وليس للصفحة)
```