innerHeight मेथड

innerHeight मेथड एलिमेंट की आंतरिक पैडिंग को ध्यान में रखते हुए उसकी ऊंचाई प्राप्त करने और बदलने की अनुमति देता है। यह याद रखना महत्वपूर्ण है कि हम ऊंचाई का 'गणना किया गया मान' प्राप्त करेंगे (computed height)। गणना में त्रुटियाँ तब भी हो सकती हैं जब उपयोगकर्ता पेज के आकार को बदलता है, और साथ ही, यदि एलिमेंट या उसके पैरेंट छिपे हुए हैं। ऊंचाई का मान एलिमेंट की बॉर्डर की मोटाई को ध्यान में नहीं रखता है।

सिंटैक्स

एलिमेंट की ऊंचाई प्राप्त करना। कुछ मामलों में प्राप्त मान भिन्नात्मक हो सकते हैं:

$(सेलेक्टर).innerHeight();

एलिमेंट की ऊंचाई बदलने के लिए - बस एक नंबर पास किया जा सकता है (उदाहरण के लिए 400), तो माप की इकाई पिक्सेल होगी, या एक स्ट्रिंग, माप की इकाई निर्दिष्ट करते हुए (उदाहरण के लिए '10em'):

$(सेलेक्टर).innerHeight(नया मान);

हम सेट में प्रत्येक एलिमेंट पर एक निर्दिष्ट फ़ंक्शन भी लागू कर सकते हैं। इस मामले में, फ़ंक्शन को पहले पैरामीटर के रूप में सेट में एलिमेंट की इंडेक्स प्राप्त होगी, और दूसरे पैरामीटर के रूप में - विशिष्ट एलिमेंट के लिए वर्तमान ऊंचाई मान। फ़ंक्शन के अंदर this वर्तमान एलिमेंट को इंगित करेगा। एलिमेंट की ऊंचाई का मान उस पर बदल जाएगा, जो फ़ंक्शन वापस करेगा:

$(सेलेक्टर).innerHeight(function(सेट में इंडेक्स, ऊंचाई का वर्तमान मान));

उदाहरण

आइए तुलना के लिए पैराग्राफ #test की ऊंचाई के बारे में जानकारी प्रदर्शित करें, जो मेथड्स height और innerHeight द्वारा प्राप्त की गई है:

<p id="test">टेक्स्ट</p>
<p id="out1"></p>
<p id="out2"></p>

p {
	margin: 10px;
	padding: 5px;
	border: 2px solid blue;
}

let h1 = $('#test').height();
let h2 = $('#test').innerHeight();

$('#out1').text(h1);
$('#out2').text(h2);

हम 10px में अंतर देखेंगे, जो हमारे ऊपरी और निचले आंतरिक पैडिंग का योग है।

यह भी देखें

height मेथड,
जो एलिमेंट की ऊंचाई प्राप्त करने और बदलने की अनुमति देता है
outerHeight मेथड,
जो एलिमेंट की ऊंचाई प्राप्त करने और बदलने की अनुमति देता है, उसके पैडिंग और बॉर्डर को ध्यान में रखते हुए