एचटीएल डॉम डॉक्यूमेंट getElementsByClassName() विधि

परिभाषा और उपयोग

getElementsByClassName() विधि वापस देती है जो निर्दिष्ट कक्षा नाम वाले एलीमेंटों का संग्रह देती है。

getElementsByClassName() विधि वापस देती है HTMLCollection.

getElementsByClassName() पैरामीटर लिंक रूपी हैं।

HTMLCollection

HTMLCollection एचटीएमएल एलीमेंटों का समान नमूना वाला सूची (सूची) है。

संग्रह के एलीमेंटों को इंडेक्स के माध्यम से पहुंच सकते हैं (0 से शुरू होकर)。

length पैरामीटर वाले एलीमेंटों की संख्या वापस देता है。

दूसरे संदर्भ में देखें:

getElementById() विधि

getElementsByTagName() विधि

querySelector() विधि

querySelectorAll() विधि

HTMLCollection ऑब्जेक्ट

उदाहरण

उदाहरण 1

class="example" के साथ सभी एलीमेंट लें:

const collection = document.getElementsByClassName("example");

अपने आप प्रयोग करें

उदाहरण 2

साथ मिलने वाले "example" और "color" कक्षाओं वाले सभी एलीमेंट लें:

const collection = document.getElementsByClassName("example color");

अपने आप प्रयोग करें

उदाहरण 3

class="example" के एलिमेंट की संख्या:

let numb = document.getElementsByClassName("example").length;

अपने आप प्रयोग करें

उदाहरण 4

class="example" के सभी एलिमेंट का पृष्ठभूमि रंग बदलें:

const collection = document.getElementsByClassName("example");
for (let i = 0; i < collection.length; i++) {
  collection[i].style.backgroundColor = "red";
}

अपने आप प्रयोग करें

व्याकरण

document.getElementsByClassName("example")classname)

पारामीटर

पारामीटर वर्णन
classname

आवश्यक। एलिमेंट का वर्ग नाम。

खाली अंतर के साथ अनेक वर्ग नाम चिह्नित करने के लिए आवश्यक है, उदाहरण के लिए "टेस्ट डेमो"。

वापसी मूल्य

प्रकार वर्णन
ऑब्जेक्ट

HTMLCollection ऑब्जेक्ट

विशिष्ट वर्ग नाम के एलिमेंट के समूह

एलिमेंट को दस्तावेज़ में दिखाई देने की क्रमिक अनुक्रम के अनुसार क्रमबद्ध करता है।

ब्राउज़र समर्थन

document.getElementsByClassName() यह DOM Level 1 (1998) विशेषता है।

सभी ब्राउज़र इसे समर्थित करते हैंः

च्रोम आईई एज फायरफॉक्स सफारी ओपेरा
च्रोम आईई एज फायरफॉक्स सफारी ओपेरा
समर्थन 9-11 समर्थन समर्थन समर्थन समर्थन

संबंधित पृष्ठ

CSS शिक्षाःCSS व्याकरण

CSS संदर्भ दस्तावेज़ःCSS .class चयनकर्ता

HTML DOM संदर्भ दस्तावेज़ःelement.getElementsByClassName()

HTML DOM संदर्भ दस्तावेज़ःclassName गुण

HTML DOM संदर्भ दस्तावेज़ःclassList गुण

HTML DOM संदर्भ दस्तावेज़ःStyle ऑब्जेक्ट