querySelectorAll method

The querySelectorAll method allows you to get page elements by an arbitrary CSS selector. It will be possible to perform various manipulations with the received elements: change their text, attributes, CSS styles, and so on.

Syntax

javascriptdocument.querySelectorAll(selector);

Example

Let's get all elements with the class www and change their text using the textContent property:

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 = '!!!';
}

The code execution result:

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

See also