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 + '!';
}