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 অবজেক্ট
