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
document.querySelector(seletor);
Exemplo
Vamos obter o parágrafo #elem e alterar
seu texto usando textContent:
<p id="elem">texto</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Resultado da execução do código:
<p id="elem">!!!</p>
Exemplo
Vamos obter o parágrafo com a classe elem
e alterar seu texto:
<p class="elem">texto</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Resultado da execução do código:
<p id="elem">!!!</p>
Veja também
-
método
getElementById,
que obtém um elemento porid -
método
querySelectorAll,
que obtém um grupo de elementos por seletor
