जावास्क्रिप्ट सीखें हिन्दी में : पाठ 8 (आईडी सेलेक्टर) - Learn JavaScript in Hindi : Lesson 8 (ID Selector).
ID Selector ..
document.getElementById()
इस सेलेक्टर का प्रयोग हमने पीछे देखा । इस सेलेक्टर के प्रयोग से हम किसी भी टैग को उसकी आईडी के द्वारा सेलेक्ट करते हैं तथा उनमें मनचाहा परिवर्तन करते हैं । इसका प्रयोग करने के लिये सर्वप्रथम अनिवार्यता है आईडी की । जिस टैग में आईडी नहीं हो उसे इसे सेलेक्टर के द्वारा सेलेक्ट नहीं किया जा सकता है ।
उदाहरण 1 -
किसी डिवीजन को आईडी द्वारा सेलेक्ट करके उसके अन्दर का मैटर बदलना ।।
<body>
<div id="d1">My JavaScript</div>
<script>
document.getElementById("d1").innerHTML = "New JavaScript ";
</script>
</body>
कोड की व्याख्या करते हैं ।
1- हमने एचटीएमएल पेज की बॉडी के अन्दर एक डिवीजन (डिआईवी) बनाया जिसकी आईडी डी1 रखी । इस डिवीजन के अन्दर हमने ''माई जावास्क्रिप्ट'' लिख दिया ।
2- हमने जावास्क्रिप्ट लिखने के लिये स्क्रिप्ट टैग को शुरू किया और आईडी सेलेक्टर से डी1 आईडी को सेलेक्ट कर लिया ।
3- .innerHTML से हम किसी भी ब्लाक के अन्दर लिखी कोडिंग या टेक्स्ट को प्राप्त कर सकते हैं या बदल सकते हैं । यहाँ क्यूँकि हमने डी1 आईडी को सेलेक्ट किया है इसलिये हम डी1 डिवीजन के अन्दर के मैटर को प्राप्त कर सकते हैं या बदल सकते हैं ।
4- हमने .innerHTML = का मान My JavaScript के स्थान पर New JavaScript कर दिया । क्योंकि New JavaScript एक स्ट्रिंग है इसलिये इसे हमने डबल इनवर्टेड कॉमा में रख दिया ।
5- अब हम स्क्रिप्ट को बन्द करके एचटीएमएल बॉडी को बन्द कर दिया ।
6- अब इसे रन कराने पर डी1 डिवीजन का माई जावास्क्रिप्ट बदलकर न्यू जावास्क्रिप्ट हो जाएगा ।
उदाहरण 2 -
किसी डिवीजन को आईडी द्वारा सेलेक्ट करके उसके अन्दर का मैटर प्राप्त करना ।।
<body>
<div id="d1">My JavaScript</div>
<script>
var x = document.getElementById("d1").innerHTML;
document.write(x);
</script>
</body>
कोड की व्याख्या करते हैं
1- हमने उपर्युक्त विधि से एचटीएमएल बाडी में एक डिवीजन बनाकर उसकी आईडी डी1 बनाई ।
2- हमने एक्स वैरियेबल बनाया ।
2- हमने आईडी सेलेक्टर से उस डिवीजन को सेलेक्ट किया तथा उसे एक्स वैरियेबल में रखा ।
4- हमने डी1 के अन्दर के मैटर को प्राप्त करने के लिये इनरएचटीएमएल का प्रयोग किया । यहाँ हमने इनर एचटीएमएल कोड का कोई मान नहीं रखा क्यूँकि हमें डी1 के मैटर को बदलना नहीं है बल्कि केवल जानना है कि डी1 में क्या लिखा है ।
5- हमने डाक्यूमेण्ट डॉट राइट का प्रयोग करके एक्स वैरियेबल के मान को आउटपुट किया ।
6- document.write() का प्रयोग हम पहले के अध्यायों में कर चुके हैं । इसका प्रयोग जावास्क्रिप्ट तत्वों का आउटपुट देने के लिये किया जाता है ।
अब इसे सुरक्षित करके अपने ब्राउजर पर रन कराने पर आपको
My JavaScript
My JavaScript
परिणाम प्राप्त होगा । यह परिणाम दो बार इसलिये रिपीट हुआ है क्यूँकि एक बार हमारे एचटीएमएल पेज में डिवीजन ने इस परिणाम को दिया है तथा दूसरी बार जावास्क्रिप्ट के माध्यम से हमने डी1 डिवीजन के मान को ज्ञात किया है ।
इस तरह से आप भी आईडी सेलेक्टर का प्रयोग करके किसी भी टैग के अन्दर के मान को पढ या बदल सकते हैं । इस पाठ की शंकाएँ टिप्पणीबक्से में लिखें और समाधान प्राप्त करें ।
Comments
Post a Comment