जावास्क्रिप्ट getElementById विधि HTML दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) से एक तत्व का चयन करती है। यदि आप इस विधि की गलत वर्तनी करते हैं, तो आपको document.getElementByID is not a function का सामना करना पड़ेगा आपके कार्यक्रम में त्रुटि।
यह ट्यूटोरियल चर्चा करता है कि इस त्रुटि का क्या अर्थ है और इसे क्यों उठाया गया है। हम इस त्रुटि के एक उदाहरण के माध्यम से चलेंगे ताकि आप जान सकें कि इसे ठीक करने के लिए आपको क्या जानना चाहिए।
document.getElementByID कोई फ़ंक्शन नहीं है
document.getElementById() विधि जावास्क्रिप्ट चयनकर्ता विधियों में से एक है। विधि HTML DOM से उसकी आईडी के आधार पर किसी ऑब्जेक्ट को पुनर्प्राप्त करती है।
इस पद्धति का उपयोग किसी तत्व की सामग्री में हेरफेर करने या किसी विशेष तत्व के बारे में जानकारी प्राप्त करने के लिए किया जाता है, जैसे कि इसकी सामग्री या इसकी विशेषताएँ।
आईडी को HTML में परिभाषित किया गया है। एक आईडी किसी विशेष तत्व के लिए अद्वितीय होना चाहिए:
<header id=“top_header”></header>
<header> टैग में आईडी है top_header . यह आईडी <header> . के लिए अद्वितीय है उपनाम। CSS का उपयोग करके विशेष तत्वों पर शैलियों को लागू करने के लिए अक्सर आईडी का उपयोग किया जाता है।
document.getElementById() केस-संवेदी है। यह विधि नहीं है:
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।
बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।
- document.getelementbyid()
- document.getElementByID()
- दस्तावेज़.GetElementById ()
विधि के नाम पर कोई अन्य बदलाव जावास्क्रिप्ट द्वारा स्वीकार नहीं किया जाएगा।
हालांकि बड़े अक्षरों में आईडी लिखना आकर्षक है क्योंकि यह दूसरे शब्द के लिए शॉर्टहैंड है, विधि के लिए यह आवश्यक है कि आप एक अपरकेस I का उपयोग करें और एक लोअरकेस d .
GetElementById विधि के बारे में अधिक जानने के लिए, JavaScript getElementById पर हमारी मार्गदर्शिका पढ़ें।
एक उदाहरण परिदृश्य
हम एक कोड स्निपेट बनाने जा रहे हैं जो हमारे एप्लिकेशन में उपयोगकर्ता का स्वागत करता है। स्वागत संदेश एक शीर्षक में होगा जो हमारे पृष्ठ के शीर्ष पर दिखाई देता है।
इस उदाहरण के प्रयोजनों के लिए, हम एक डेमो नाम का उपयोग करने जा रहे हैं।
शुरू करने के लिए, वेबपेज के स्वागत अनुभाग के लिए हमारे बॉडी एचटीएमएल कोड को परिभाषित करें:
<html> <body> <header> <h1 id="welcome_title">Welcome</h1> </header> </body> </html>
डिफ़ॉल्ट रूप से, हमारा <h1> टैग में सामग्री शामिल होगी Welcome . <header> टैग वह मूल टैग है जिसमें हमारा शीर्षक स्थित है। इसके बाद, हम एक <script> जोड़ने जा रहे हैं हमारे <हेडर> टैग के नीचे टैग करें। स्क्रिप्ट टैग में हमारे स्वागत संदेश के लिए सभी जावास्क्रिप्ट कोड होंगे:
… </header> <script> </script> </body> ...
हमारी स्क्रिप्ट के भीतर, हम अपने शीर्षक का चयन करने जा रहे हैं और इसकी सामग्री को बदल सकते हैं:
var title = document.getElementByID("welcome_title");
title.textContent = "Welcome, Luke!";
getElementById() विधि हमारे शीर्षक का चयन करती है। हम इस HTML तत्व को title . नामक JavaScript वैरिएबल को असाइन करते हैं . "स्वागत है, ल्यूक!" प्रदर्शित करने के लिए हमारे शीर्षक की सामग्री को बदल दिया जाएगा। हम textContent . का उपयोग करते हैं शीर्षक बदलने की विधि।
आइए अपना कोड चलाएं और देखें कि क्या होता है। यदि हम अपना जावास्क्रिप्ट कंसोल खोलते हैं, तो हम एक त्रुटि देख सकते हैं:
हमारा कोड ठीक से काम नहीं कर रहा है। हमारा शीर्षक नहीं बदला गया है:
समाधान
हमने document.getElementByID . के लिए गलत केस का उपयोग किया है चयनकर्ता। अपरकेस I . का उपयोग करने के बजाय और एक लोअरकेस d , हमने एक अपरकेस I . का उपयोग किया है और डी .
जावास्क्रिप्ट हमारे प्रोग्राम को getElementById . कॉल करने के रूप में पंजीकृत नहीं करता है फ़ंक्शन क्योंकि फ़ंक्शन नाम केस संवेदनशील है।
हमें अपना कोड बदलना होगा ताकि हम अपने फ़ंक्शन के लिए सही मामलों का उपयोग कर सकें:
var title = document.getElementById("welcome_title");
title.textContent = "Welcome, Luke!";
अब हम Id . का उपयोग कर रहे हैं ID . के बजाय हमारे फ़ंक्शन कॉल में। आइए अपना नया कोड चलाएं:
हमारा कार्यक्रम हमारे उपयोगकर्ता के नाम को शामिल करने के लिए हमारे शीर्षक की सामग्री को सफलतापूर्वक बदलता है।
निष्कर्ष
document.getElementById() विधि वेब पेज से एक तत्व का चयन करती है। यह विधि आपको किसी तत्व की सामग्री को देखने और बदलने देती है।
जब आप इस पद्धति का उपयोग करते हैं, तो आपको यह सुनिश्चित करना चाहिए कि आप सही मामलों का उपयोग करते हैं। आईडी सभी बड़े अक्षरों में नहीं है। आपको एक अपरकेस I . का उपयोग करने की आवश्यकता है और एक लोअरकेस d काम करने के तरीके के लिए।