एचटीएमएल डोम दस्तावेज़ getElementsByClassName ()
उदाहरण
वर्ग = "उदाहरण" के साथ सभी तत्व प्राप्त करें:
const collection = document.getElementsByClassName("example");
"उदाहरण" और "रंग" दोनों वर्गों के साथ सभी तत्व प्राप्त करें:
const collection = document.getElementsByClassName("example color");
नीचे और अधिक उदाहरण।
परिभाषा और उपयोग
getElementsByClassName()
विधि निर्दिष्ट वर्ग नाम वाले तत्वों का संग्रह लौटाती है ।
getElementsByClassName()
विधि एक HTMLCollection देता है ।
getElementsByClassName()
संपत्ति केवल पढ़ने के लिए है ।
HTMLसंग्रह
एक HTMLCollection HTML नोड्स का एक संग्रह है।
संग्रह में नोड्स को इंडेक्स नंबरों द्वारा एक्सेस किया जा सकता है। सूचकांक 0 से शुरू होता है।
लंबाई संपत्ति संग्रह में तत्वों की संख्या लौटाती है।
यह सभी देखें:
दस्तावेज़ getElementById () विधि
दस्तावेज़ getElementsByTagName () विधि:
दस्तावेज़ क्वेरी चयनकर्ता () विधि
वाक्य - विन्यास
document.getElementsByClassName(classname)
मापदंडों
Parameter | Description |
classname | Required. The class name of the elements. Search for multiple class names separated by spaces like "test demo". |
प्रतिलाभ की मात्रा
प्रकार | विवरण |
वस्तु। | एक HTMLCollection वस्तु। निर्दिष्ट वर्ग नाम वाले तत्वों का संग्रह। तत्वों को सॉर्ट किया जाता है जैसे वे दस्तावेज़ में दिखाई देते हैं। |
और ज्यादा उदाहरण
वर्ग के साथ तत्वों की संख्या = "उदाहरण":
let numb = document.getElementsByClassName("example").length;
वर्ग = "उदाहरण" के साथ सभी तत्वों की पृष्ठभूमि का रंग बदलें:
const collection = document.getElementsByClassName("example");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस सिंटेक्स
सीएसएस संदर्भ: सीएसएस .वर्ग चयनकर्ता
एचटीएमएल डोम संदर्भ: तत्व । getElementsByClassName ()
एचटीएमएल डोम संदर्भ: क्लासनाम संपत्ति
एचटीएमएल डोम संदर्भ: क्लासलिस्ट संपत्ति
HTML DOM संदर्भ: स्टाइल ऑब्जेक्ट
ब्राउज़र समर्थन
document.getElementsByClassName()
एक डोम लेवल 1 (1998) फीचर है।
यह सभी ब्राउज़रों में पूरी तरह से समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |