querySelectorAll मेथड

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

सिंटैक्स

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

उदाहरण

आइए क्लास www वाले सभी एलिमेंट्स प्राप्त करें और textContent प्रॉपर्टी का उपयोग करके उनका टेक्स्ट बदलें:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
javascriptlet elems = document.querySelectorAll('.www');

for (let elem of elems) {
  elem.textContent = '!!!';
}

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

html<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

यह भी देखें

  • querySelector मेथड,
    जो सिलेक्टर द्वारा एलिमेंट प्राप्त करता है
  • getElementsByClassName मेथड,
    जो क्लास द्वारा एलिमेंट्स का समूह प्राप्त करता है
  • getElementsByTagName मेथड,
    जो टैग द्वारा एलिमेंट्स का समूह प्राप्त करता है