Javascript querySelectorAll をforEachで使う

IE11未対応版

var elements =Array.from(document.querySelectorAll('.element'));
elements.forEach(function(el) {
console.log(el);
}

 

querySelectorAllが返すのは配列ではないらしいので、配列になおして使うのがキモらしい。

IE11はさらに上記で動かないので、以下のようにしましょう。

 

IE11対応版

var elements =Array.prototype.slice.call(document.querySelectorAll('.element'),0);

elements.forEach(function(el) {

console.log(el);

});