Кроссбраузерная совместимость для getElementsByClassName()

Неспособность IE6, IE7 и IE8 использовать метод getElementsByClassName() представляет собой проблема при попытке выбрать элементы на основе их атрибута класса. Однако существуют решения, позволяющие преодолеть это ограничение, не полагаясь на сторонние библиотеки, такие как jQuery.

Эмуляция getElementsByClassName() в старых версиях Internet Explorer

Для имитации функциональности getElementsByClassName() в IE6-8 можно реализовать следующий скрипт:

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

Использование:

Просто включите скрипт на свой веб-сайт, и он расширит объект документа с помощью метода getElementsByClassName(), который работает во всех основных браузерах, включая более старые версии Internet Explorer.

Пример:

  
  ...


  

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