Compatibilidad entre navegadores para getElementsByClassName()

La incapacidad de IE6, IE7 e IE8 para utilizar el método getElementsByClassName() presenta un desafío al intentar seleccionar elementos en función de su atributo de clase. Sin embargo, existen soluciones disponibles para superar esta limitación sin depender de bibliotecas de terceros como jQuery.

Emulación de getElementsByClassName() en Internet Explorer más antiguos

Para imitar la funcionalidad de getElementsByClassName() en IE6-8, el siguiente script puede ser implementado:

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

Uso:

Simplemente incluya el script en su sitio web y ampliará el objeto del documento con un método getElementsByClassName() que funciona en todos los principales navegadores. incluidas versiones anteriores de Internet Explorer.

Ejemplo:

  
  ...


  

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