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

document.querySelectorAll(selector);

Example

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

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

The code execution result:

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

querySelectorAll method

Syntax

Example

See also