querySelectorAllで取得したものをforEachする
Javascriptのdocument.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だと動きませんでした。