ゆずめも

私による私のためのメモ的なブログです。主に勉強した事について書いてます。

querySelectorAllで取得したものをforEachする

Javascriptdocument.querySelectorAllで取得したオブジェクトを
forEachするやり方を調べたのでメモ


とりあえずよくある
for(var i in obj){}これダメだった
objのプロパティの数だけ回ってしまって、求めてる動作と違った


求めてる動作をさせるには

var list = document.querySelectorAll("a");
Array.prototype.forEach.call(list, function(item) {
  console.log(item);
});

これでくるくると回ります。
ただちょっと長く感じる…


ちなみにFirefoxだと

var list = document.querySelectorAll("a");
Array.forEach(list, function(item) {
  console.log(item);
});

こう書ける。Chromeだと動きませんでした。