مетод HTML DOM Element getBoundingClientRect()

تعریف و استفاده

getBoundingClientRect() این روش اندازه و موقعیت نسبی به视‌واحد عناصر را بازمی‌گرداند.

getBoundingClientRect() این روش یک شیء DOMRect با هشت ویژگی بازمی‌گرداند:

  • left
  • top
  • right
  • bottom
  • x
  • y
  • width
  • height

توجه:این شامل حرکت‌های اسکرول شده نیز می‌شود. این به این معناست که با هر تغییر در موقعیت اسکرول، لبه‌های مستطیل (top، left، bottom و right) تغییر می‌کنند.

مثال

اندازه و موقعیت نسبی به视‌واحد عناصر را بازمی‌گرداند:

const rect = element.getBoundingClientRect();

آزمایش کنید

قوانین دستور زبان

element.getBoundingClientRect()

مقدار بازگشتی

نوع توضیح
شیء

مجموعه‌ای از هشت ویژگی دارد که DOMRect به عنوان یک شیء تعریف می‌شود:

  • left
  • top
  • right
  • bottom
  • x
  • y
  • width
  • height

پشتیبانی مرورگر

همه مرورگرها از آن پشتیبانی می‌کنند element.getBoundingClientRect():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی