Browserübergreifende Kompatibilität für getElementsByClassName()

Die Unfähigkeit von IE6, IE7 und IE8, die Methode getElementsByClassName() zu nutzen, stellt ein Problem dar Herausforderung beim Versuch, Elemente anhand ihres Klassenattributs auszuwählen. Es stehen jedoch Lösungen zur Verfügung, um diese Einschränkung zu überwinden, ohne auf Bibliotheken von Drittanbietern wie jQuery angewiesen zu sein.

Emulieren von getElementsByClassName() in älteren Internet Explorern

Um die Funktionalität nachzuahmen von getElementsByClassName() in IE6-8 kann das folgende Skript sein implementiert:

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

Verwendung:

Fügen Sie das Skript einfach in Ihre Website ein und es erweitert das Dokumentobjekt um eine getElementsByClassName()-Methode, die in allen gängigen Browsern funktioniert. einschließlich älterer Versionen des Internets Explorer.

Beispiel:

  
  ...


  

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