Метод querySelectorAll позволяет получить элементы страницы по произвольному селектору CSS.

С полученными элементами можно будет производить различные манипуляции: менять их текст, атрибуты, css стили и так далее.

Метод возвращает псевдомассив элементов, а не один элемент, поэтому по этому набору сначала нужно пройтись циклом и для каждого элемента сделать то, что вам нужно.

См. методы getElementById, getElementsByTagName, getElementsByClassName, querySelector, которые также позволяют получить элементы страницы.

См. также этот и этот уроки из учебника JavaScript для более полного понимания.

Синтаксис

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

Примеры

Пример

В данном примере мы получаем все элементы с классом www и ставим им текст '!!!' с помощью innerHTML (последний абзац останется нетронутым, так как у него нет класса www):

<p class="www">Текст абзаца.</p>
<p class="www">Текст абзаца.</p>
<p class="www">Текст абзаца.</p>
<p>Текст абзаца.</p>
var elems = document.querySelectorAll('.www');
for (var i = 0; i < elems.length; i++) {
	elems[i].innerHTML = '!!!';
}

HTML код станет выглядеть так:

<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
<p>Текст абзаца.</p>