Método querySelector

O método querySelector permite obter um elemento da página por um seletor CSS arbitrário. Com o elemento obtido, será possível realizar várias manipulações: alterar seu texto, atributos, estilos CSS e assim por diante.

Sintaxe

javascriptdocument.querySelector(seletor);

Exemplo

Vamos obter o parágrafo #elem e alterar seu texto usando textContent:

html<p id="elem">texto</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Resultado da execução do código:

html<p id="elem">!!!</p>

Exemplo

Vamos obter o parágrafo com a classe elem e alterar seu texto:

html<p class="elem">texto</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

Resultado da execução do código:

html<p id="elem">!!!</p>

Veja também