Добијање групе елемената у JavaScript-у

У претходним лекцијама смо помоћу методе querySelector добијали један елемент странице. Сада је време да научимо да добијемо групу елемената и да извршимо неке операције одједном са многим елементима.

За то постоји метод querySelectorAll, који добија све тагове који одговарају CSS селектору, у облику низа елемената. Да би урадили нешто са пронађеним елементима, потребно је да радимо са добијеним низом, на пример, да га прођемо петљом и у петљи извршимо неку операцију са сваким елементом појединачно.

Нека, на пример, имамо параграфе са класом www:

html<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>

Хајде да добијемо низ ових параграфа, прођемо их петљом и у петљи испишемо текстове пронађених параграфа у конзолу:

javascriptlet elems = document.querySelectorAll('.www');

for (let elem of elems) {
  console.log(elem.textContent);
}

А сада хајде да на крај текста сваког параграфа додамо узвичник:

javascriptlet elems = document.querySelectorAll('.www');

for (let elem of elems) {
  elem.textContent = elem.textContent + '!';
}