जावास्क्रिप्ट में DOM एलिमेंट प्राप्त करना
अब हम पृष्ठ के DOM एलिमेंट प्राप्त करना सीखेंगे ताकि बाद में हम उनके साथ कोई हेरफेर कर सकें।
मान लीजिए कि हमारे पास एक बटन है:
<input id="button" type="submit">
चलिए इस बटन का संदर्भ एक वेरिएबल में प्राप्त करते हैं।
इसके लिए विशेष ऑब्जेक्ट document की मेथड querySelector
का उपयोग करना चाहिए। यह
मेथड पैरामीटर के रूप में CSS सेलेक्टर लेती है और
उस सेलेक्टर द्वारा पाए गए एलिमेंट का
संदर्भ देती है।
हमारे बटन में id एट्रिब्यूट है
जिसका वैल्यू button है। इसका मतलब है कि हम
इस बटन को #button सेलेक्टर से ढूंढ सकते हैं।
तो, चलिए हमारा बटन ढूंढते हैं और इसका
संदर्भ एक वेरिएबल में लिखते हैं:
let button = document.querySelector('#button');
console.log(button);
3 पैराग्राफ दिए गए हैं:
<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>
प्रत्येक पैराग्राफ का संदर्भ एक अलग वेरिएबल में लिखें और प्रत्येक वेरिएबल की सामग्री को कंसोल में आउटपुट करें।
