पेज पर HTML एलिमेंट के X और Y निर्देशांक कैसे प्राप्त करें?

सभी को नमस्ते! मैं JavaScript और वेब डेवलपमेंट में नौसिखिया हूँ। मुझे एक समस्या का सामना करना पड़ा: मुझे एक HTML एलिमेंट की सटीक स्थिति (X और Y निर्देशांक) डॉक्यूमेंट (पूरे पेज) के सापेक्ष जानने की जरूरत है, ताकि, उदाहरण के लिए, उस एलिमेंट के पास डायनामिक रूप से एक टूलटिप (tooltip) रख सकूं। मैंने `offsetLeft` और `offsetTop` प्रॉपर्टीज का उपयोग करने की कोशिश की, लेकिन वे केवल पैरेंट कंटेनर (`offsetParent`) के सापेक्ष स्थिति देती हैं, पूरे पेज के सापेक्ष नहीं। यदि एलिमेंट अलग-अलग `position` वाले कई `