getElementsByClassName() не работает в старых Internet Explorer, таких как IE6, IE7, IE8.

Это решение может помочь. Это пользовательская функция getElementsByClassName, реализованная на чистом javascript, которая работает в IE.

По сути, этот сценарий проверяет один за другим все возможные варианты и выбирает лучший из доступных. Вот эти варианты:

1. Родная функция document.getElementsByClassName.
2. document.evaluate, которая позволяет оценивать запросы XPath.
3. Обход дерева DOM.

Конечно, первый является лучшим с точки зрения производительности, однако последний должен быть доступен везде, включая IE 6.

Пример использования, который также доступен на странице, выглядит так:

getElementsByClassName("col", "div", document.getElementById("container")); 

Таким образом, функция допускает 3 параметра: класс (обязательный), имя тега (необязательный, ищет все теги, если не указан), корневой элемент (необязательный, документ, если не указан).

Обновление. Решение, указанное в сообщении блога, размещено в Google Code, который закрывается в январе 2016 года. Однако автор сделал его доступным на GitHub. Престижность flodin, указывающему на это в комментариях.

IE6, Netscape 6+, Firefox и Opera 7+ скопируйте на свою страницу следующий скрипт:

document.getElementsByClassName = function(cl) {
  var retnode = [];
  var elem = this.getElementsByTagName('*');
  for (var i = 0; i < elem.length; i++) {
    if((' ' + elem[i].className + ' ').indexOf(' ' + cl + ' ') > -1) retnode.push(elem[i]);
  }
  return retnode;
}; 

Метод не существует в IE6. Если вы хотите выбрать элементы по классу и не хотите использовать библиотеку, вам просто нужно перебрать все элементы на странице и проверить наличие класса в их свойстве className.

function getElementsByClassName(className) {
  var found = [];
  var elements = document.getElementsByTagName("*");
  for (var i = 0; i < elements.length; i++) {
    var names = elements[i].className.split(' ');
    for (var j = 0; j < names.length; j++) {
      if (names[j] == className) found.push(elements[i]);
    }
  }
  return found;
}

Демонстрация: http://jsfiddle.net/kYdex/1/

Internet Explorer 8 и более ранние версии не поддерживают getElementsByClassName(). Если вам нужно решение только для IE8, оно поддерживает querySelectorAll(), вместо этого вы можете использовать один из них. Для более старых IE вы должны предоставить свою собственную реализацию, а для некоторых других старых браузеров, которые ее поддерживают, вы также можете использовать evaluate(), который запускает выражения XPath.

Этот код предоставляет метод document.getElementsByClassName, если он еще не существует, используя методы, которые я описал:

if (!document.getElementsByClassName) {
  document.getElementsByClassName = function(search) {
    var d = document, elements, pattern, i, results = [];
    if (d.querySelectorAll) { // IE8
      return d.querySelectorAll("." + search);
    }
    if (d.evaluate) { // IE6, IE7
      pattern = ".//*[contains(concat(' ', @class, ' '), ' " + search + " ')]";
      elements = d.evaluate(pattern, d, null, 0, null);
      while ((i = elements.iterateNext())) {
        results.push(i);
      }
    } else {
      elements = d.getElementsByTagName("*");
      pattern = new RegExp("(^|\\s)" + search + "(\\s|$)");
      for (i = 0; i < elements.length; i++) {
        if ( pattern.test(elements[i].className) ) {
          results.push(elements[i]);
        }
      }
    }
    return results;
  }
}

Если вам что-то в ней не нравится, вы можете использовать свою любимую поисковую систему, чтобы найти другую.

Если getElementsByClassname не поддерживает, это ошибка в некоторых старых браузерах. Просто попробуйте var modal = document.getElementById('myModal'); modal.onclick= function(){ Затем выполните любую функцию onclick или другую функцию, используя getElementById modal.style.display = "none"; }