querySelectorAll

Leçon 9 sur 13 du cours Méthodes DOM en JavaScript de Coddy.

La fonction querySelectorAll() retourne une collection de tous les éléments qui correspondent à un sélecteur de type CSS, semblable à querySelector mais vous permettant de récupérer tous les éléments correspondants en une seule fois.

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

Ceci ci-dessus récupère tous les éléments ayant le nom de classe other.

Défi

Facile

Vous disposez d'un code HTML contenant deux spans.

En utilisant uniquement JavaScript, modifiez le style de tous les éléments, en utilisant la fonction querySelectorAll :

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

Essayez vous-même

<!DOCTYPE html>
<html>
    <body>
        <span class="error">Error 1</span>
        <span class="error">Error 2</span>
        <script src="script.js"></script>
    </body>
</html>

Toutes les leçons de Méthodes DOM en JavaScript

1Introduction

Introduction Document Object Model

2Méthodes du DOM I

getElementById Modifier le style d'un élément getElementsByClassName Parcourir et manipuler getElementsByTagName querySelector

3Méthodes du DOM II

querySelectorAlladdEventListener innerHTML createElement et appendChild classList toggle