JavaScript-те элементтер тобын алу

Алдыңғы сабақтарда біз querySelector әдісінің көмегімен беттің бір элементін алатынбыз. Енді элементтер тобын алуды үйрену уақыты келді және көптеген элементтермен бірден кейбір операцияларды орындау.

Бұл үшін querySelectorAll әдісі бар, ол CSS селекторына сәйкес келетін барлық тегтерді элементтер массиві түрінде алады. Табылған элементтермен бірдеңе жасау үшін, алынған массивпен жұмыс істеу керек, мысалы, оны циклмен қайталау және әр циклде орындау әрбір элементпен жеке-жеке кейбір операция.

Мысалы, бізде www сыныбы бар абзацтар берілсін:

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

Осы абзацтар массивін алайық, оларды циклмен қайталайық және әр циклде табылған абзацтардың мәтіндерін консольге шығарайық:

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

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

Енді әрбір абзац мәтінінің соңына лептеу белгісін қосамыз:

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

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

Абзацтар және батырма берілген. Батырманы басқанда барлық абзацтарды табыңыз, оларды циклмен қайталаңыз және әрбір абзацтың мәтінін 'text' мәніне орнатыңыз.

Мәтіні бар абзацтар және батырма берілген. Батырманы басқанда әрбір абзацтың мәтінінің соңына оның реттік нөмірін жазыңыз.

Сандары бар инпуттар, абзац және батырма берілген. Баттырманы басқанда инпуттардағы сандардың қосындысын табыңыз және бұл қосындыны абзацтың мәтініне жазыңыз.