एचटीएमएल डोम getBoundingClientRect() विधि
तत्व वस्तुउदाहरण
व्यूपोर्ट के सापेक्ष किसी तत्व का आकार और उसकी स्थिति लौटाएं:
var rect = obj.getBoundingClientRect();
परिभाषा और उपयोग
getBoundingClientRect() विधि व्यूपोर्ट के सापेक्ष किसी तत्व का आकार और उसकी स्थिति लौटाती है।
यह विधि आठ गुणों के साथ एक DOMRect ऑब्जेक्ट लौटाती है: बाएँ, ऊपर, दाएँ, नीचे, x, y, चौड़ाई, ऊँचाई।
नोट: बाउंडिंग आयत की गणना करते समय व्यूपोर्ट क्षेत्र की स्क्रॉलिंग की मात्रा को ध्यान में रखा जाता है। इसका मतलब यह है कि आयत के किनारे (ऊपर, बाएँ, नीचे और दाएँ) हर बार स्क्रॉलिंग स्थिति बदलने पर अपना मान बदलते हैं।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से विधि का समर्थन करता है।
Method | |||||
---|---|---|---|---|---|
getBoundingClientRect() | 1.0 | 9.0 | 3.0 | 4.0 | 9.5 |
वाक्य - विन्यास
element.getBoundingClientRect()
टेक्निकल डिटेल
डोम संस्करण: | CSS ऑब्जेक्ट मॉडल (CSSOM) मॉड्यूल देखें |
---|---|
प्रतिलाभ की मात्रा: | आठ गुणों वाली एक DOMRect वस्तु: बाएँ, ऊपर, दाएँ, नीचे, x, y, चौड़ाई, ऊँचाई। |
तत्व वस्तु