طريقة HTML DOM getBoundingClientRect ()
❮ عنصر العنصرمثال
إرجاع حجم عنصر وموضعه بالنسبة إلى إطار العرض:
var rect = obj.getBoundingClientRect();
التعريف والاستخدام
تُرجع طريقة getBoundingClientRect () حجم عنصر وموضعه بالنسبة إلى منفذ العرض.
تقوم هذه الطريقة بإرجاع كائن DOMRect بثماني خصائص: يسار ، أعلى ، يمين ، أسفل ، x ، y ، عرض ، ارتفاع.
ملاحظة: يتم أخذ مقدار التمرير الذي تم إجراؤه لمنطقة منفذ العرض في الاعتبار عند حساب المستطيل المحيط. هذا يعني أن حواف المستطيل (أعلى ، يسار ، أسفل ، ويمين) تغير قيمها في كل مرة يتغير فيها موضع التمرير.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الطريقة بالكامل.
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
بناء الجملة
element.getBoundingClientRect()
تفاصيل تقنية
إصدار DOM: | نموذج كائن CSS (CSSOM) عرض الوحدة النمطية |
---|---|
قيمة الإرجاع: | كائن DOMRect بثماني خصائص: يسار ، أعلى ، يمين ، أسفل ، x ، y ، عرض ، ارتفاع. |
❮ عنصر العنصر