Metodo querySelector
Il metodo querySelector consente di ottenere
un elemento della pagina tramite un selettore
CSS arbitrario. Con l'elemento ottenuto sarà possibile eseguire
varie manipolazioni: cambiare il suo testo,
attributi, stili CSS e così via.
Sintassi
document.querySelector(selettore);
Esempio
Otteniamo il paragrafo #elem e cambiamo
il suo testo utilizzando textContent:
<p id="elem">testo</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Risultato dell'esecuzione del codice:
<p id="elem">!!!</p>
Esempio
Otteniamo il paragrafo con la classe elem
e cambiamo il suo testo:
<p class="elem">testo</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Risultato dell'esecuzione del codice:
<p id="elem">!!!</p>
Vedi anche
-
metodo
getElementById,
che ottiene un elemento tramiteid -
metodo
querySelectorAll,
che ottiene un gruppo di elementi tramite selettore
