querySelector मेथड

querySelector मेथड CSS सिलेक्टर द्वारा पेज के एलिमेंट को प्राप्त करने की अनुमति देता है। प्राप्त एलिमेंट के साथ विभिन्न मैनिपुलेशन किए जा सकते हैं: इसके टेक्स्ट को बदलना, एट्रिब्यूट्स, CSS स्टाइल्स आदि।

सिंटैक्स

javascriptdocument.querySelector(सिलेक्टर);

उदाहरण

चलिए #elem पैराग्राफ प्राप्त करते हैं और textContent की मदद से इसके टेक्स्ट को बदलते हैं:

html<p id="elem">टेक्स्ट</p>
javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

कोड निष्पादन का परिणाम:

html<p id="elem">!!!</p>

उदाहरण

चलिए elem क्लास वाला पैराग्राफ प्राप्त करते हैं और इसके टेक्स्ट को बदलते हैं:

html<p class="elem">टेक्स्ट</p>
javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

कोड निष्पादन का परिणाम:

html<p id="elem">!!!</p>

यह भी देखें

  • getElementById मेथड,
    जो id द्वारा एलिमेंट प्राप्त करता है
  • querySelectorAll मेथड,
    जो सिलेक्टर द्वारा एलिमेंट्स का समूह प्राप्त करता है