सादे जावास्क्रिप्ट में डिव ऊंचाई पुनर्प्राप्त करना

jQuery का उपयोग किए बिना एक डिव तत्व की ऊंचाई निर्धारित करना एक चुनौती पैदा कर सकता है। जबकि jQuery अपनी .height() विधि के साथ एक सीधा समाधान प्रदान करता है, यह हर परिदृश्य के लिए सबसे कुशल दृष्टिकोण नहीं हो सकता है। सादे जावास्क्रिप्ट का उपयोग करके इसे कैसे प्राप्त किया जाए:

clientHeight का उपयोग करना:

क्लाइंटहाइट संपत्ति किसी भी स्क्रॉलबार या सीमाओं को छोड़कर, div की दृश्यमान सामग्री की ऊंचाई प्रदान करती है। इसमें div पर लागू पैडिंग शामिल है। इसे पुनः प्राप्त करने के लिए, आप निम्नलिखित कोड का उपयोग कर सकते हैं:

var clientHeight = document.getElementById('myDiv').clientHeight;

offsetHeight का उपयोग करना:

वैकल्पिक रूप से, ऑफसेटहाइट संपत्ति में न केवल पैडिंग बल्कि स्क्रॉलबार और बॉर्डर की ऊंचाई भी शामिल है। यह कुछ स्थितियों में उपयोगी हो सकता है:

var offsetHeight = document.getElementById('myDiv').offsetHeight;

क्लाइंटहाइट या ऑफसेटहाइट प्रॉपर्टी का उपयोग करके, आप प्रभावी ढंग से निर्धारित कर सकते हैं सादे जावास्क्रिप्ट में एक div तत्व की ऊंचाई, आपके कोड पर लचीलापन और नियंत्रण प्रदान करती है।