Resumo : neste tutorial, você aprenderá como iterar sobre elementos selecionados usando o forEach()método e o loop for.
Depois de selecionar os elementos usando querySelectorAll()ou getElementsByTagName(), você obterá uma coleção de elementos como NodeList.
Para iterar sobre os elementos selecionados, você pode usar o método forEach() (suportado pela maioria dos navegadores modernos, não pelo IE) ou apenas usar o antigo for-loop .
Usando o forEach()método
O código a seguir seleciona todos os elementos cuja classe CSS é .note e altera a cor de fundo para amarelo:
const notes = document.querySelectorAll('.note');
notes.forEach((note) => {
note.style.backgroundColor = 'yellow';
});Linguagem de código: JavaScript ( javascript )Alternativamente, você pode pegar emprestado o método forEach() do objeto Array da seguinte forma:
[].forEach.call(notes, (note) => {
note.style.backgroundColor = "yellow";
});Linguagem de código: PHP ( php )Usando o forlaço
O código a seguir usa o loop for para iterar sobre os elementos selecionados:
const notes = document.querySelectorAll('.note');
const count = notes.length;
for (let i = 0; i < count; i++) {
notes[i].style.backgroundColor = "yellow";
}Linguagem de código: JavaScript ( javascript )
Anterior
