innerWidth विधि

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

वाक्य - विन्यास

तत्व की चौड़ाई प्राप्त करें। कुछ मामलों में प्राप्त मान भिन्नात्मक हो सकते हैं:

$(चयनकर्ता).innerWidth();

तत्व की चौड़ाई बदलने के लिए - आप बस एक संख्या पास कर सकते हैं (उदाहरण के लिए 400), तो माप की इकाई पिक्सेल होगी, या एक स्ट्रिंग, माप इकाइयों के साथ (उदाहरण के लिए '10em'):

$(चयनकर्ता).innerWidth(नया मान);

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

$(चयनकर्ता).innerWidth(function(सेट में अनुक्रमणिका, चौड़ाई का वर्तमान मान));

उदाहरण

आइए तुलना के लिए #test पैराग्राफ की चौड़ाई के बारे में जानकारी प्रदर्शित करें, जो width और innerWidth विधियों द्वारा प्राप्त की गई है:

<p id="test">पाठ</p>
<p id="out1"></p>
<p id="out2"></p>

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

let w1 = $('#test').width();
let w2 = $('#test').innerWidth();

$('#out1').text(w1);
$('#out2').text(w2);

हम 10px के अंतर को देखेंगे, जो हमारे बाएँ और दाएँ आंतरिक पैडिंग का योग है।

यह भी देखें

width विधि,
जो तत्व की चौड़ाई प्राप्त करने और बदलने की अनुमति देती है
outerWidth विधि,
जो तत्व की चौड़ाई प्राप्त करने और बदलने की अनुमति देती है, इसके पैडिंग और बॉर्डर को ध्यान में रखते हुए