English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
مثال على Object HTML DOM Element
getBoundingClientRect()يستعيد هذا الطريقة حجم العنصر ووضعه بالنسبة إلى viewport (نافذة العرض).
القيمة التي يتم إرجاعها هي عنصر DOMRect الذي يحتوي على ثمانية خصائص: left, top, right, bottom, x, y, width, height.
ملاحظة:عند حساب حدود المربع، يجب النظر في كمية التمرير في منطقة العرض. هذا يعني أن كلما تغيرت موضع التمرير، فإن حواف المربع (الجزء العلوي، اليسار، السفلي واليمين) ستغير قيمتها.
element.getBoundingClientRect()
إذا كان div = document.getElementById("myDiv");
إذا كان rect = div.getBoundingClientRect();اختبار لرؤية‹/›دعم جميع المتصفحات لـ طريقة getBoundingClientRect() بالكامل:
| الطريقة | |||||
| getBoundingClientRect() | نعم | نعم | نعم | نعم | نعم |
| القيمة المنقولة: | مثل Object DOMRect يحتوي على ثمانية خصائص: left, top, right, bottom, x, y, width, height |
|---|---|
| إصدار DOM: | نموذج CSS (CSSOM) |