getElementsByClassName विधि

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

सिंटैक्स

document.getElementsByClassName(क्लास का नाम);

उदाहरण

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

<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

let elems = document.getElementsByClassName('www');

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

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

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

यह भी देखें

querySelectorAll विधि,
जो सेलेक्टर के आधार पर एलिमेंट्स का समूह प्राप्त करती है
getElementsByTagName विधि,
जो टैग के आधार पर एलिमेंट्स का समूह प्राप्त करती है