روش HTML DOM Element getBoundingClientRect()
- پچھلے پہلہ getAttributeNode()
- آئندہ پہلہ getElementsByClassName()
- پچھلے سیکشن کی واپسی HTML DOM Elements آٹوم
تعریف و استفاده
getBoundingClientRect() این روش ابعاد عنصر و موقعیت آن نسبت به پنجره نمایش را بازمیگرداند.
getBoundingClientRect() این روش یک عنصر DOMRect با هشت ویژگی بازمیگرداند:
- left
- top
- right
- bottom
- x
- y
- width
- height
توضیح:این شامل اسکرولهای انجام شده نیز میشود. این به این معناست که با هر تغییر در موقعیت اسکرول، حاشیههای مستطیل (top، left، bottom و right) تغییر میکنند.
مثال
ابعاد عنصر و موقعیت آن نسبت به پنجره نمایش را بازمیگرداند:
const rect = element.getBoundingClientRect();
قانوننویسی
element.getBoundingClientRect()
ارتباط بازگشتی
| نوع | توضیح |
|---|---|
| عنصر |
عنصر DOMRect با هشت ویژگی دارد:
|
پشتیبانی مرورگر
تمامی مرورگرها از آن پشتیبانی میکنند element.getBoundingClientRect():
| Chrome | آئی ای | ایج | فائرفاکس | سافری | آپریا |
|---|---|---|---|---|---|
| Chrome | آئی ای | ایج | فائرفاکس | سافری | آپریا |
| پشتیبندگی | 9-11 | پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی |
- پچھلے پہلہ getAttributeNode()
- آئندہ پہلہ getElementsByClassName()
- پچھلے سیکشن کی واپسی HTML DOM Elements آٹوم
