querySelectorAll

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

La funzione querySelectorAll() restituisce una raccolta di tutti gli elementi che corrispondono a un selettore simile a CSS, analogamente a querySelector, ma permette di recuperare tutti gli elementi corrispondenti contemporaneamente.

const elements = document.querySelectorAll(".other");

Quanto sopra recupera tutti gli elementi con il nome della classe other.

Sfida

Facile

Ti viene fornito del codice HTML che contiene due span.

Usando solo JavaScript, modifica lo stile di tutti gli elementi usando la funzione querySelectorAll:

backgroundColor in "pink"
border in "1px solid red"

Provalo tu

<!DOCTYPE html>
<html>
    <body>
        <span class="error">Error 1</span>
        <span class="error">Error 2</span>
        <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 getElementsByTagName querySelector

3Metodi DOM II

querySelectorAlladdEventListener innerHTML createElement e appendChild Attivazione/disattivazione con classList

Esercitati da solo: Playground Web