Добивање на група елементи во 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 + '!';
}