querySelectorAll методу

querySelectorAll методу CSS селектору аркылуу барактын элементтерин алууга мүмкүндүк берет. Алынган элементтер менен ар кандай манипуляцияларды жүргүзүүгө болот: алардын текстин, атрибуттарын, CSS стилдерин жана башкаларды өзгөртүү.

Синтаксис

document.querySelectorAll(селектор);

Мисал

www классы бар бардык элементтерди алалы жана алардын текстин textContent касиетинин жардамы менен өзгөртөлү:

<p class="www">элем 1</p>
<p class="www">элем 2</p>
<p class="www">элем 3</p>

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

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

Кодду иштетүүнүн натыйжасы:

<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

Ошондой эле караңыз

querySelector методу,
селектор аркылуу элемент алат
getElementsByClassName методу,
класс боюнча элементтер тобун алат
getElementsByTagName методу,
тег боюнча элементтер тобун алат