Метод document.getElementsByClassName (name) дает возможности работать со всеми элементами на странице с заданным классом. Но есть одна проблема. “Любимый” многими IE не поддерживает реализацию данной задачи. Поэтому понадобилась реализация метода getElementsByClassName кроссбраузерно.
С этой задачей справляется скрипт, который я нашла на сайте php-zametki.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | // Если все таки getElementsByClassName поддерживается браузером, // надобность в нашей реализации отпадает - будем использовать // стандартную. Так как она в любом случае будет быстрее. if(!document.getElementsByClassName) { document.getElementsByClassName = function (class_name) { // Получим коллекцию элементов тега body: var elements = document.body.getElementsByTagName("*"), length = elements.length, out = [], i; // Пройдёмся по ним... увы циклом: for (i = 0; i < length; i += 1) { // Поместим в результирующий массив элементы, содержащие требуемый класс: if (elements[i].className.indexOf(class_name) !== -1) { out.push(elements[i]); } } return out; }; } |
Это решение очень помогло мне, поэтому я и добавила его в свою коллекцию. Спасибо автору!