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 आईई एज फायरफॉक्स सफारी ओपेरा
Chrome आईई एज फायरफॉक्स सफारी ओपेरा
सापोर्ट 9-11 सापोर्ट सापोर्ट सापोर्ट सापोर्ट