जावास्क्रिप्ट दस्तावेज़ Getelementbyid

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

getElementById JavaScript विधि Document Object Model (DOM) HTML से किसी तत्व का चयन करती है। यदि आपने इस पद्धति की गलत वर्तनी की है, तो आप अपने प्रोग्राम में त्रुटि का सामना करेंगे document.getElementById एक फ़ंक्शन नहीं है

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

document.getElementById कोई फ़ंक्शन नहीं है

दस्तावेज़। getElementById () विधि जावास्क्रिप्ट चयन विधियों में से एक है। यह विधि किसी वस्तु को उसके आईडी के आधार पर HTML DOM से पुनर्प्राप्त करती है।

इस पद्धति का उपयोग किसी तत्व की सामग्री में हेरफेर करने या किसी विशेष तत्व के बारे में जानकारी प्राप्त करने के लिए किया जाता है, जैसे कि इसकी सामग्री या विशेषताएँ।

आईडी एचटीएमएल में परिभाषित हैं। किसी विशेष तत्व के लिए एक आईडी अद्वितीय होनी चाहिए:


< हेडर> में आईडी top_header है। यह आईडी

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

दस्तावेज़। getElementById () केस संवेदी है। यह तरीका है:

  • । getElementById ()
  • JavaScript.

    यद्यपि आईडी को बड़े अक्षरों में लिखना आकर्षक है, क्योंकि यह किसी अन्य शब्द का संक्षिप्त नाम है, इस विधि में शीर्ष केस I और लोअरकेस < के उपयोग की आवश्यकता होती है। . मजबूत> डी ।

    getElementById विधि के बारे में अधिक जानने के लिए, हमारी मार्गदर्शिका पढ़ें JavaScript getElementById

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

    हम कोड का एक टुकड़ा बनाने जा रहे हैं जो हमारे एप्लिकेशन में उपयोगकर्ता का स्वागत करता है। स्वागत संदेश एक शीर्षक में होगा जो हमारे पृष्ठ के शीर्ष पर दिखाई देता है।

    इस उदाहरण के प्रयोजनों के लिए, हम एक डेमो नाम का उपयोग करेंगे।

शुरू करने के लिए, वेब पेज के वेलकम सेक्शन के लिए हमारे बॉडी HTML कोड को परिभाषित करें :

डिफ़ॉल्ट रूप से, हमारे

में स्वागत सामग्री होती है।
टैग मूल टैग है, यह हमारे शीर्षक में है। इसके बाद, हम अपने <हेडर> टैग । हमारे स्वागत संदेश के लिए सभी जावास्क्रिप्ट कोड शामिल होंगे:

हमारी स्क्रिप्ट में हम अपना शीर्षक चुनेंगे और इसकी सामग्री को संशोधित करेंगे:

getElementById () विधि हमारे शीर्षक का चयन करती है। हम इस HTML तत्व को JavaScript वैरिएबल को असाइन करते हैं जिसे title कहा जाता है। हमारे शीर्षक की सामग्री को "वेलकम, ल्यूक!" पढ़ने के लिए बदल दिया जाएगा। " हम शीर्षक बदलने के लिए textContent का उपयोग करते हैं।

आइए अपना कोड चलाते हैं और देखते हैं कि क्या होता है। यदि हम अपना < खोलते हैं /a> जावास्क्रिप्ट कंसोल, हम एक त्रुटि देख सकते हैं:

 Screen Shot 2020 09 28 at 07.47. 35