ध्यान में न आया लेखन त्रुटि: getElementById पर अशक्त के गुण सेट नहीं कर सकता ()

Dhyana Mem Na Aya Lekhana Truti Getelementbyid Para Asakta Ke Guna Seta Nahim Kara Sakata



जावास्क्रिप्ट में कोड ब्लॉक निष्पादित करते समय, ऐसी स्थितियाँ हो सकती हैं जहाँ विभिन्न प्रकार की त्रुटियाँ होती हैं, जो कोड कार्यात्मकताओं को लागू करने में एक अड़चन बन जाती हैं। इन त्रुटियों में एक गैर-प्रारंभिक मूल्य प्रदर्शित करना, तत्व को निर्दिष्ट करने से पहले उस तक पहुंचना आदि शामिल हैं। ऐसी ही एक त्रुटि है ' ध्यान में न आया लेखन त्रुटि: getElementById पर अशक्त के गुण सेट नहीं कर सकता () ”, जिस पर इस लेख में चर्चा और समाधान किया जाएगा।

अनकॉट टाइप एरर कैसे होता है: getElementById () पर शून्य के गुण सेट नहीं कर सकते हैं?

' ध्यान में न आया लेखन त्रुटि: getElementById पर अशक्त के गुण सेट नहीं कर सकता () ” निम्नलिखित कारणों से हो सकता है:

उदाहरण 1: अनकॉट टाइप एरर की घटना: तत्व की पूर्व पहुंच के कारण getElementById () पर शून्य के गुणों को सेट नहीं कर सकता

इस उदाहरण में, निर्दिष्ट करने से पहले विशेष तत्व की पहुंच के कारण हुई त्रुटि पर चर्चा की जाएगी:







< लिखी हुई कहानी >

दस्तावेज़। getElementById ( 'सिर' ) . innerHTML = 'जावास्क्रिप्ट सामग्री' ;

लिखी हुई कहानी >

< केंद्र < तन >

< एच2 आईडी = 'सिर' > लिनक्सहिंट वेबसाइट एच 2 >

तन >> केंद्र >

निम्नलिखित चरणों को लागू करें, जैसा कि कोड की उपरोक्त पंक्तियों में दिया गया है:



  • सबसे पहले, 'के भीतर जावास्क्रिप्ट कोड ब्लॉक शामिल करें' <स्क्रिप्ट> ' टैग।
  • यहां, बताए गए तत्व से संबंधित तत्व तक पहुंचें ' पहचान ' का उपयोग ' getElementById () ' तरीका।
  • साथ ही, 'लागू करें' innerHTML ” संपत्ति एक्सेस किए गए तत्व की सामग्री को अपडेट करने के लिए।
  • HTML कोड में ' <शरीर> 'टैग, निर्दिष्ट होने वाला शीर्षक शामिल करें' पहचान ”।
  • कोड निष्पादित करने पर, प्रकार त्रुटि ' GetElementById () पर शून्य के गुण सेट नहीं कर सकते ' घटेगा। ऐसा इसलिए है क्योंकि तत्व ' <एच2> ” को निर्दिष्ट किए जाने से पहले ही एक्सेस किया जाता है।

उत्पादन







उपरोक्त आउटपुट में, यह देखा जा सकता है कि एलिमेंट के पूर्व एक्सेस के कारण बताई गई त्रुटि प्रदर्शित होती है।

समाधान

इस मामले में उपर्युक्त त्रुटि को कोड अनुक्रमित करके हल किया जा सकता है जैसे कि तत्व को एक्सेस करने से पहले निर्दिष्ट किया गया हो।



निम्नलिखित उदाहरण बताई गई अवधारणा को दर्शाता है:

< केंद्र < तन >

< एच2 आईडी = 'सिर' > लिनक्सहिंट वेबसाइट एच 2 >

तन >> केंद्र >

< लिखी हुई कहानी >

दस्तावेज़। getElementById ( 'सिर' ) . innerHTML = 'जावास्क्रिप्ट सामग्री' ;

लिखी हुई कहानी >

उपरोक्त कोड कोड ब्लॉक के प्लेसमेंट में बदलाव के साथ पिछले कोड के समान है। यह ऐसा है कि ' <एच2> जावास्क्रिप्ट कोड में एक्सेस करने से पहले 'तत्व निर्दिष्ट किया गया है।

उत्पादन

जैसा कि देखा गया है, सामना की गई त्रुटि हल हो गई है, और अद्यतन सामग्री 'के माध्यम से' innerHTML ” संपत्ति प्रदर्शित होती है।

उदाहरण 2: अनकॉट टाइप एरर की घटना: आईडी की गलत पहुंच के कारण getElementById () पर शून्य के गुणों को सेट नहीं कर सकता

आईडी को गलत तरीके से एक्सेस करने पर भी बताई गई त्रुटि का सामना किया जा सकता है।

आइए नीचे दिए गए उदाहरण के माध्यम से देखें:

< मार्की आईडी = 'के लिए' > जावा मार्की >

< स्क्रिप्ट प्रकार = 'पाठ/जावास्क्रिप्ट' >

दस्तावेज़। getElementById ( '#के लिए' ) . innerText = 'लिखी हुई कहानी' ;

लिखी हुई कहानी >

उपरोक्त कोड स्निपेट में:

  • एक शामिल करें <मार्की> 'कहा जाने वाला तत्व' पहचान ” और टेक्स्ट वैल्यू।
  • कोड के जेएस भाग में, 'का उपयोग करके पिछले चरण में शामिल तत्व तक पहुंचें getElementById () ' तरीका।
  • ' पहचान ” विशेष तत्व तक पहुँचने की विधि पर विचार करते हुए, यहाँ प्रारूप सही नहीं है।
  • यहां ही ' innerText ” गुण बताए गए पाठ मान को प्रदर्शित करता है।

उत्पादन

इस आउटपुट में, यह सत्यापित किया जा सकता है कि गलत आईडी प्रारूप के कारण लागू की गई संपत्ति ने तत्व को प्रभावित नहीं किया।

समाधान

इस विशेष परिदृश्य में उल्लिखित त्रुटि को तत्व तक पहुँचने के दौरान आईडी को सही ढंग से निर्दिष्ट करके हल किया जा सकता है:

< मार्की आईडी = 'के लिए' > जावा मार्की >

< स्क्रिप्ट प्रकार = 'पाठ/जावास्क्रिप्ट' >

दस्तावेज़। getElementById ( 'के लिए' ) . innerText = 'लिखी हुई कहानी' ;

लिखी हुई कहानी >

जैसा कि उपरोक्त कोड में कहा गया है, नीचे दिए गए चरणों को लागू करें:

  • शामिल करें ' <मार्की> “तत्व दिए गए हैं” पहचान ”।
  • JavaScript कोड स्निपेट में, पिछले चरण में तत्व के “को निर्दिष्ट करके तत्व तक पहुंचें पहचान 'सही ढंग से' के माध्यम से getElementById () ' तरीका।
  • अंत में, 'लागू करें' innerText ” संपत्ति और बताई गई पाठ सामग्री प्रदर्शित करें, जिसे इस मामले में अपडेट किया जाएगा।

उत्पादन

उपरोक्त आउटपुट में, यह कल्पना की जा सकती है कि अद्यतन पाठ सामग्री प्रदर्शित होती है।

निष्कर्ष

' ध्यान में न आया लेखन त्रुटि: getElementById पर अशक्त के गुण सेट नहीं कर सकता () जावास्क्रिप्ट में इसे एक्सेस करने से पहले तत्व को निर्दिष्ट करके या आईडी को सही प्रारूप में निर्दिष्ट करके हल किया जा सकता है। ऐसा करने के बाद, दोनों ही मामलों में संबंधित कार्यात्मकताओं को क्रियान्वित किया जा सकता है। यह ब्लॉग अनकॉट टाइप एरर को हल करने के बारे में मार्गदर्शन करता है: जावास्क्रिप्ट में getElementById () पर नल के गुण सेट नहीं कर सकता।