Método querySelectorAll

O método querySelectorAll permite obter elementos da página por qualquer seletor CSS. Com os elementos obtidos, você poderá realizar várias manipulações: alterar seu texto, atributos, estilos CSS e assim por diante.

Sintaxe

javascriptdocument.querySelectorAll(seletor);

Exemplo

Vamos obter todos os elementos com a classe www e alterar seu texto usando a propriedade 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 = '!!!';
}

Resultado da execução do código:

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

Veja também