outerHeight मेथड
outerHeight मेथड आपको आंतरिक पैडिंग,
बॉर्डर और वैकल्पिक रूप से - एलिमेंट की बाहरी मार्जिन को ध्यान में रखते हुए
एलिमेंट की ऊंचाई प्राप्त करने और बदलने की अनुमति देता है। यह याद रखना महत्वपूर्ण है
कि हमें ऊंचाई का 'गणना किया गया मान' (computed height) प्राप्त होगा।
गणना में त्रुटियाँ तब भी हो सकती हैं, यदि
उपयोगकर्ता पेज के आकार बदलता है, और साथ ही, यदि
एलिमेंट या उसके पैरेंट छिपे हुए हैं।
सिंटैक्स
इस तरह हम एलिमेंट की ऊंचाई प्राप्त कर सकते हैं। यह मेथड
true या false (false डिफ़ॉल्ट रूप से सेट है)
के रूप में एक वैकल्पिक पैरामीटर स्वीकार कर सकता है,
यह निर्भर करता है कि बाहरी मार्जिन शामिल होंगे या नहीं। कुछ मामलों में
प्राप्त मान भिन्नात्मक हो सकते हैं:
$(selector).outerWidth([include_margin]);
एलिमेंट की ऊंचाई बदलने के लिए - आप केवल एक नंबर
(उदाहरण के लिए 400) पास कर सकते हैं, तो माप की इकाई
पिक्सेल होगी, या एक स्ट्रिंग,
जिसमें माप की इकाइयाँ निर्दिष्ट हों (उदाहरण के लिए
'10em'):
$(selector).outerHeight(new value, [include_margin]);
हम सेट में प्रत्येक एलिमेंट के लिए एक निर्दिष्ट फ़ंक्शन
भी लागू कर सकते हैं। इस मामले में, फ़ंक्शन
पहले पैरामीटर के रूप में सेट में एलिमेंट की इंडेक्स प्राप्त करेगा, और दूसरे पैरामीटर के रूप में
- उस विशेष एलिमेंट के लिए वर्तमान ऊंचाई मान।
फ़ंक्शन के अंदर this
वर्तमान एलिमेंट को इंगित करेगा।
एलिमेंट की ऊंचाई का मान उस मान में बदल जाएगा,
जो फ़ंक्शन वापस करता है:
$(selector).outerHeight(function(index, currentHeight));
उदाहरण
आइए तुलना के लिए
पैराग्राफ #test की ऊंचाई की जानकारी प्रदर्शित करें, जो मेथड्स
height,
innerHeight और
outerHeight द्वारा प्राप्त की गई है:
<p id="test">text</p>
<p id="out1"></p>
<p id="out2"></p>
<p id="out3"></p>
<p id="out4"></p>
p {
margin: 10px;
padding: 5px;
border: 2px solid blue;
}
let h1 = $('#test').height();
let h2 = $('#test').innerHeight();
let h3 = $('#test').outerHeight();
let h4 = $('#test').outerHeight(true);
$('#out1').text(h1);
$('#out2').text(h2);
$('#out3').text(h3);
$('#out4').text(h4);
यह भी देखें
-
heightमेथड,
जो एलिमेंट की ऊंचाई प्राप्त करने और बदलने की अनुमति देता है -
innerHeightमेथड,
जो एलिमेंट की आंतरिक पैडिंग को ध्यान में रखते हुए, ऊंचाई प्राप्त करने और बदलने की अनुमति देता है
