pokk,
document.querySelectorAll(...) - не вполне массив, это коллекция элементов, поэтому не все методы для массивов работают с эти объектом. Кроме того, for ... of работает не во всех браузерах: в ИЕ не работает.
Работает обычный цикл
for(var i = .... { ... document.querySelectorAll(...)[i] ... }
или forEach в таком варианте:
[].forEach.call(document.querySelectorAll(...), function(element) {.....})
Все методы перебора массивов