Методот querySelectorAll

Методот querySelectorAll овозможува добивање на елементи од страницата преку произволен селектор CSS. Со добиените елементи може да се извршуваат различни манипулации: да се менува нивниот текст, атрибути, CSS стилови и така натаму.

Синтакса

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

Пример

Да ги добиеме сите елементи со класа www и да им го смениме текстот со користење на својството textContent:

<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 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,
кој добива група на елементи преку таг