Compatibilité entre navigateurs pour getElementsByClassName()

L'incapacité d'IE6, IE7 et IE8 à utiliser la méthode getElementsByClassName() présente un défi lorsque vous tentez de sélectionner des éléments en fonction de leur attribut de classe. Cependant, il existe des solutions disponibles pour surmonter cette limitation sans recourir à des bibliothèques tierces comme jQuery.

Émulation de getElementsByClassName() dans les anciens Internet Explorers

Pour imiter la fonctionnalité de getElementsByClassName() dans IE6-8, le script suivant peut être implémenté :

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

Utilisation :

Incluez simplement le script sur votre site Web, et il étendra l'objet document avec une méthode getElementsByClassName() qui fonctionne dans tous les principaux navigateurs, y compris les anciennes versions d'Internet Explorer.

Exemple :

  
  ...


  

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