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

javascriptdocument.querySelector(selettore);

Esempio

Otteniamo il paragrafo #elem e cambiamo il suo testo utilizzando textContent:

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

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

Risultato dell'esecuzione del codice:

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

Esempio

Otteniamo il paragrafo con la classe elem e cambiamo il suo testo:

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

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

Risultato dell'esecuzione del codice:

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

Vedi anche