querySelector

Lezione 8 di 13 del corso Metodi DOM di JavaScript di Coddy.

La funzione querySelector() seleziona il primo elemento che corrisponde a un potente selettore simile a CSS, offrendo maggiore flessibilità rispetto ai metodi precedenti per selezionare elementi complessi. Esempio:

const button = document.querySelector("#btn");

Ecco come accediamo all'elemento button con id btn.

Sfida

Facile

Ti viene fornito del codice HTML che contiene un pulsante.

Usando solo JavaScript,

Recupera l'elemento usando la funzione querySelector.
Imposta backgroundColor su rosso usando la proprietà style.
Imposta color su bianco usando la proprietà style.

Provalo tu

<!DOCTYPE html>
<html>
    <body>
        <button id="myButton">Click Me</button>
        <script src="script.js"></script>
    </body>
</html>

Tutte le lezioni di Metodi DOM di JavaScript

1Introduzione

Introduzione Document Object Model

2Metodi DOM I

getElementById Modificare lo stile di un elemento getElementsByClassName Iterare e manipolare getElementsByTagNamequerySelector

3Metodi DOM II

querySelectorAll addEventListener innerHTML createElement e appendChild Attivazione/disattivazione con classList

Esercitati da solo: Playground Web