getElementsByClassName() के लिए क्रॉस-ब्राउज़र संगतता

GetElementsByClassName() पद्धति का उपयोग करने में IE6, IE7 और IE8 की असमर्थता एक प्रस्तुत करती है तत्वों को उनकी वर्ग विशेषता के आधार पर चुनने का प्रयास करते समय चुनौती। हालाँकि, jQuery जैसे तृतीय-पक्ष पुस्तकालयों पर भरोसा किए बिना इस सीमा को दूर करने के लिए समाधान उपलब्ध हैं।

पुराने इंटरनेट एक्सप्लोरर में getElementsByClassName() का अनुकरण

कार्यक्षमता की नकल करने के लिए IE6-8 में getElementsByClassName() में, निम्नलिखित स्क्रिप्ट लागू की जा सकती है:

document.getElementsByClassName = function(cl) {
  var retnode = [];
  var elem = this.getElementsByTagName('*');
  for (var i = 0; i  -1) retnode.push(elem[i]);
  }
  return retnode;
};

उपयोग:

बस अपनी वेबसाइट पर स्क्रिप्ट शामिल करें, और यह दस्तावेज़ ऑब्जेक्ट को getElementsByClassName() विधि के साथ विस्तारित करेगा जो सभी प्रमुख ब्राउज़रों में काम करता है, इंटरनेट एक्सप्लोरर के पुराने संस्करणों सहित।

उदाहरण:

  
  ...


  

  ...
  var borderDivs = document.getElementsByClassName('red-border');