- JavaScript GetElementsByClassName() method in Hindi
- Example of getElementsByClassName() Method in Hindi
- Difference between getElementsByClassName(), querySelector() and querySelectorAll() Methods
GetElementsByClassName() method in JavaScript
GetElementsByClassName () विधि का उपयोग उनके class name value के माध्यम से तत्वों को चुनने या प्राप्त करने के लिए किया जाता है। यह DOM विधि एक array जैसी वस्तु देता है जिसमें निर्दिष्ट classname वाले सभी तत्व शामिल होते हैं। किसी विशेष तत्व पर getElementsByClassName() विधि को कॉल करने पर, यह पूरे दस्तावेज़ को खोजेगा और केवल उन तत्वों को वापस करेगा जो निर्दिष्ट या दिए गए class के नाम से मेल खाते हैं।
Syntax
var ele=document.getELementsByClassName('name'); यहां, name पारित होने के लिए अनिवार्य argument है। यह वह स्ट्रिंग है जो मेल खाने के लिए single class name या कई classe names को निर्दिष्ट करता है।
GetElementsByClassName() method का उदाहरण
आइए इस विधि के practical implementation को जानने और समझने के लिए कुछ उदाहरण देखें।
उदाहरण
यह एक साधारण class implementation है जो variable x को लागू करने पर एक सरणी जैसी वस्तु देता है।
<html>
<head> <h5>DOM Methods </h5> </head>
<body>
<div class="Class">
This is a simple class implementation
</div>
<script type="text/javascript">
var x=document.getElementsByClassName('Class');
document.write("On calling x, it will return an arrsy-like object: <br>"+x);
</script>
</body>
</html> आउटपुट:
इसी प्रकार, हम getElementsByClassName() विधि को कई वर्गों के लिए तत्वों के संग्रह को वापस करने के लिए लागू कर सकते हैं।
getElementsByClassName(), querySelector() and querySelectorAll() Methods के बीच अंतर
getElementsByClassName(): यह निर्दिष्ट वर्ग नाम के साथ तत्वों को match krta है, और मिलान किए गए तत्वों का एक सेट लौटाता है। दिए गए तत्व तत्वों का लाइव HTML संग्रह हैं। यदि document object model में कोई परिवर्तन किए गए हैं, तो इन लाइव तत्वों को और अपडेट किया जा सकता है।
querySelector(): यह केवल एक ही तत्व देता है जो निर्दिष्ट classname से मेल खाता है। यदि इसे कोई मिलान तत्व नहीं मिलता है, तो यह null लौटाता है।समझने की मुख्य बात यह है कि उपर्युक्त सभी विधियां या तो एक तत्व या एक सूची में लौटती हैं, लेकिन getELementsByClassName() विधि dynamic अपडेशन का काम करती है, और अन्य दो विधियां static है।
