document.querySelectorAll でクエリされた選択された要素をループしようとしていますが、どうすればよいですか?
たとえば私は次のように使用します:
var checkboxes = document.querySelectorAll('.check');
for( i in checkboxes) {
console.log(checkboxes[i]);
}
出力：
<input id="check-1" class="check" type="checkbox" name="check">
<input id="check-2" class="check" type="checkbox" name="check">
<input id="check-3" class="check" type="checkbox" name="check">
<input id="check-4" class="check" type="checkbox" name="check">
<input id="check-5" class="check" type="checkbox" name="check">
<input id="check-6" class="check" type="checkbox" name="check">
<input id="check-7" class="check" type="checkbox" name="check">
<input id="check-8" class="check" type="checkbox" name="check">
<input id="check-9" class="check" type="checkbox" name="check">
<input id="check-10" class="check" type="checkbox" name="check" checked="">
10
item()
namedItem()
問題は、このメソッドが最後に 3 つの追加項目を返すことです。どうすれば適切に実行できますか?
ベストアンサー1
私のお気に入りはスプレッド構文NodeList を配列に変換し、forEachループに使用します。
var div_list = document.querySelectorAll('div'); // returns NodeList
var div_array = [...div_list]; // converts NodeList to Array
div_array.forEach(div => {
// do something awesome with each div
});
私は ES2015 でコーディングし、Babel.js を使用しているので、ブラウザのサポートの問題は発生しないはずです。