Методот querySelectorAll

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

Синтакса

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

Пример

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

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
javascriptlet elems = document.querySelectorAll('.www');

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

Резултат од извршувањето на кодот:

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

Погледнете исто така

  • методот querySelector,
    кој добива елемент преку селектор
  • методот getElementsByClassName,
    кој добива група на елементи преку класа
  • методот getElementsByTagName,
    кој добива група на елементи преку таг