querySelector
Leçon 8 sur 13 du cours Méthodes DOM en JavaScript de Coddy.
La fonction querySelector() sélectionne le premier élément qui correspond à un sélecteur de type CSS puissant, offrant plus de flexibilité que les méthodes précédentes pour la sélection d'éléments complexes. Exemple :
const button = document.querySelector("#btn");C'est ainsi que nous accédons à l'élément button avec l'id btn.
Défi
FacileOn vous donne un code HTML qui contient un bouton.
En utilisant uniquement JavaScript,
- Récupérez l'élément en utilisant la fonction
querySelector. - Changez
backgroundColoren red en utilisant la propriétéstyle. - Changez
coloren white en utilisant la propriétéstyle.
Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<button id="myButton">Click Me</button>
<script src="script.js"></script>
</body>
</html>Toutes les leçons de Méthodes DOM en JavaScript
2Méthodes du DOM I
getElementByIdModifier le style d'un élémentgetElementsByClassNameParcourir et manipulergetElementsByTagNamequerySelector