] इस परिदृश्य में, एक विशिष्ट DIV तत्व की अस्पष्टता को समायोजित करने के लिए एक जावास्क्रिप्ट फ़ंक्शन मौजूद है। हालाँकि, चुनौती इस फ़ंक्शन को एक साथ कई divs में लागू करने में निहित है।

का उपयोग करते हुए GetElementsByClassName शुरू में एक व्यवहार्य दृष्टिकोण की तरह लगता है, लेकिन यह हमारे मामले में कम हो जाता है। इसके बजाय, queryselectorall एक अधिक उपयुक्त समाधान के रूप में उभरता है। यहां बताया गया है कि फ़ंक्शन कैसे लागू किया जा सकता है:

var elems = document.queryselectorall (classNname); var index = 0, लंबाई = elems.length; for (; सूचकांक इस कोड में, queryselectorall एक विशिष्ट वर्ग नाम वाले सभी divs का एक संग्रह प्राप्त करता है। लूप के लिए इस संग्रह पर पुनरावृत्त होता है, प्रत्येक तत्व में वांछित शैली में परिवर्तन को लागू करता है। यह दृष्टिकोण तब उपयोगी हो जाता है जब स्टाइलिंग मान गतिशील नहीं होते हैं। ऊपर दिए गए कोड को संशोधित किया जा सकता है:

elems [index] .classList.add ('someclass');