Avatar ·

كيفية الحصول على إحداثيات 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، وليس للصفحة) ```