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
document.querySelectorAll(seletor);
Exemplo
Vamos obter todos os elementos com a classe www
e alterar seu texto usando a propriedade textContent:
<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 = '!!!';
}
Resultado da execução do código:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Veja também
-
método
querySelector,
que obtém um elemento por seletor -
método
getElementsByClassName,
que obtém um grupo de elementos por classe -
método
getElementsByTagName,
que obtém um grupo de elementos por tag
