सेटप्रॉपर्टी जावास्क्रिप्ट

| | | | | | | | | | | | | | | | | | | | | | | | |

innerHTML प्रॉपर्टी आपको जावास्क्रिप्ट का उपयोग करके किसी तत्व की सामग्री को परिभाषित करने की अनुमति देती है।

यदि आप एक अमान्य तत्व मान निर्दिष्ट करते हैं जिसके साथ आंतरिक HTML विधि का उपयोग करना है या यदि आप पृष्ठ पर तत्व प्रदर्शित होने से पहले स्क्रिप्ट डालते हैं, तो आपको त्रुटि "अनकॉट टाइप एरर: "आंतरिक HTML" नल "प्रॉपर्टी सेट करने में असमर्थ" त्रुटि का सामना करना पड़ेगा। त्रुटि

इस मार्गदर्शिका में, हम चर्चा करते हैं कि इस त्रुटि का क्या अर्थ है और आपको इसका सामना क्यों करना पड़ सकता है। हम इस त्रुटि का एक उदाहरण देखेंगे ताकि आप सीख सकें कि इसे अपने जावास्क्रिप्ट में कैसे ठीक किया जाए

Uncaught TypeError:. संपत्ति "innerHTML" को शून्य पर सेट नहीं कर सकता

आंतरिक HTML गुण किसी भी वेब तत्व से जुड़ा हुआ है जिसे आप जावास्क्रिप्ट के साथ काम कर रहे हैं। आपने "getter" का उपयोग करके पृष्ठ से एक वेब तत्व का चयन किया है, जैसे getElementById () , या आपने जावास्क्रिप्ट में एक तत्व बनाया है जिसे आप संशोधित करना चाहते हैं।

"आंतरिक HTML संपत्ति को शून्य पर सेट नहीं कर सकता" त्रुटि एक प्रकार की त्रुटि है। इसका अर्थ है कि हम किसी गुण या फ़ंक्शन को उस मान पर लागू करने का प्रयास कर रहे हैं जो किसी गुण या फ़ंक्शन का समर्थन नहीं करता है।

इस मामले में, हम आंतरिक HTML के मान को एक समान तत्व पर सेट करने का प्रयास कर रहे हैं। . शून्य। NULL मान एक आंतरिक HTML गुण नहीं हैं

इस त्रुटि के दो सामान्य कारण हैं।

  • वेब पृष्ठ पर किसी आइटम के प्रकट होने से पहले एक स्क्रिप्ट सम्मिलित करना
  • गलत आइटम आईडी देखें।

हम मूल कारण का विश्लेषण करने जा रहे हैं, जो शायद नए लोगों द्वारा की जाने वाली सबसे आम गलती है।

एक उदाहरण परिदृश्य

हम एक साधारण साइट लिखने जा रहे हैं जो समय दिखाती है। शुरू करने के लिए, एक मूल HTML पृष्ठ परिभाषित करें। यह HTML पृष्ठ वह कैनवास होगा जिस पर हम मौसम प्रदर्शित करते हैं:

इस HTML पेज में एक और . टैग में एक

</pre></code> होता है जो वेब पेज के शीर्षक को परिभाषित करता है। <code><body></code> में एक पैराग्राफ होता है</p> </a> </div> <p>पैराग्राफ में, हमने एक <a href जोड़ा ="/html-span/"> <span> </a>। हम अपने जावास्क्रिप्ट कोड में इस टैग की सामग्री को वर्तमान समय से बदल देंगे</p><p>फिर समय प्राप्त करने के लिए एक स्क्रिप्ट लिखें, हम इस JS कोड को <code><head> </code> में जोड़ देगा: ..</p> <p>हमारे दस्तावेज़ में अब HTML और JavaScript शामिल हैं। <code>getElementById ()</script> कोड> हमारा स्पा हो जाता है n टैग <कोड>SHOW_TIME</code>। फिर हम <ah ref = "/ JavaScrip t-Date/">JavaScript मॉड्यूल दिनांक </a> टैग का उपयोग करके वर्तमान तिथि प्राप्त करते हैं।</p><p>कोड की निम्नलिखित पंक्ति में, हम एक स्ट्रिंग बनाते हैं जो प्रदर्शित करता है दिन का वर्तमान घंटा और घंटे का मिनट। यह स्ट्रिंग निम्न संरचना का उपयोग करती है:</p><p><code>HH: MM</code></p><p>दो अवधियाँ हैं जो घंटों और मिनटों के लिए मानों को अलग करती हैं। हम इस स्ट्रिंग को <a href="/javascript-string-interpolation/"> JavaScript string interpolation </a> नामक तकनीक का उपयोग करके बनाते हैं। यह हमें एक ही श्रृंखला में कई मूल्यों को एकीकृत करने की अनुमति देता है। अंत में, हम इस बार अपने वेब पेज पर प्रदर्शित करने के लिए आंतरिक HTML पद्धति का उपयोग करते हैं</p><p>हमारे वेब का पृष्ठ वेब ब्राउज़र में खुला है।</p><figure class = `wp- the picture block-" > <img src = "https://lh6.googleusercontent.com/anZ4ckRYEF5OaualeffjXeLSKVdoZPV32w1Nl8cpU-YEy5nQeJ0KGFVR1DRUUwylZjjqemanwOj5z7NlgdEQ_qdcgAYzjdRMP9gFpr7tv4llZiOidmnmavbFUMa2ljCLqw" alt = "AnZ4ckRYEF5OaualeffjXeLSKVdoZPV32w1Nl8cpU YEy5nQeJ0KGFVR1DRUUwylZjjqemanwOj5z7NlgdEQ QdcgAYzjdRMP9gFpr7tv4llZiOidmnmavbFUMa2ljCLqw"> </ आंकड़ा> <p> हमारे वेबपृष्ठ समय प्रदर्शित नहीं कर सकता। यदि हम JavaScript कंसोल को देखो, हम एक त्रुटि देख सकते हैं:</p> <p> यह "आंतरिक HTML` गुण को शून्य पर सेट नहीं कर सकता" का एक और प्रतिनिधित्व है। यह हमें बताता है कि जिस तत्व को हम आंतरिक HTML के मान पर सेट करने का प्रयास कर रहे हैं वह शून्य है।</p><h2>समाधान</h2><p>चूंकि <code>SHOW_TIME</code> का मान शून्य है, हम यह अनुमान लगा सकते हैं कि JavaSc ript उस तत्व को ठीक से पुनर्प्राप्त नहीं कर सका जिसका आईडी <code>SHOW_TIME</code> है।</p><p>इस मामले में, इसका कारण यह है कि हमने अपना <code><; script></code> हमारे शेड्यूल में बहुत जल्दी है। हमारा <code> ... </pre> </div> <p>हमने अपने <code> </div> <h2>निष्कर्ष</h2><p>त्रुटि "अनकॉट टाइप एरर: संपत्ति `इनरएचटीएमएल` शून्य सेट करने में असमर्थ" त्रुटि तब होती है जब किसी तत्व के लिए एक आंतरिक HTML मान सेट करने का प्रयास किया जाता है जिसका मान शून्य के बराबर है।</p><p>इस त्रुटि को ठीक करने के लिए, सुनिश्चित करें कि आपका <code><script></code> उस तत्व के बाद आता है जिसे आप अपनी स्क्रिप्ट में चुनना चाहते हैं। यदि इससे समस्या का समाधान नहीं होता है, अपने कार्यक्रम में एक मान्य वस्तु का चयन करना सुनिश्चित करें।</p>