Выборка по className, проблема в Firefox
 

Приветствую! Столкнулся с такой проблемой, значит я делаю выборку всех элементов по определенному классу.

var getSection = document.getElementsByClassName('className');

потом в массив

for(var idSection in getSection) {
    categoryList[i] = idSection;
    i++;
}

И дальше происходит, то что я не понимаю.

В браузерах IE, Chrome, Opera выводит нужные мне идентификаторы в этих классах, а вот в Firefox их почему то нет. В чем проблема?

Вот тут бы и тестовый пример непомешал бы...

http://webdevshow.hol.es/test.html
Вывод в console.log

В Chrome, например, видно вывод id category1, category2, category3, в то время как в Fiefox их нет.

Это нельзя использовать для обхода массива и массивоподобных объектов

Спасибо! Переделал.

Наоборот. Это можно использовать, когда вы знаете что это можно использовать. Например сами объект сделали - сами знаете что в прототипы никто не наклал, - значит можно. В остальных случаях обход пней и корят зохавает краткость такого loop'а в два счета.

Я бы сказал разрешено при необходимости. Причины ясны, если нужно перебрать массив в котором есть добавленные вами свойства которые так же нужно обработать. В иных случаях для массива и других коллекций все же более рекомендуется использовать loop с индексом for(var i =0; i < arr.length; i++), одна из важных причин это производительность, она по индексу будет в разы лучшее, нежели перебор хешей в объекте.

В твоем же случае перевод HTML-коллекции в массив можно осуществить более простым способом:

categoryList = Array.prototype.slice.call(getSection);

но это не будет работать в ИЕ8

Array.apply(null, getSection) ... ммм?
IE8+ ;)

во точно, и в ИЕ8 работает)))