Fonctions de Recherche et Manipulation
Objectifs
Les objectifs de cette vidéo sont les suivants :
1. Comprendre l'utilisation des fonctions de recherche pour cibler et modifier les éléments DOM.
2. Appliquer des styles CSS en ciblant les éléments adjacents.
3. Mettre en place des gestionnaires d'événements pour animer des éléments DOM.
Résumé
Découvrez comment utiliser des fonctions de recherche pour manipuler les éléments DOM en JavaScript.
Description
Dans cette leçon, nous nous concentrerons sur l'utilisation des fonctions de recherche pour manipuler les éléments du DOM. Nous verrons comment cibler les éléments adjacents, comme les frères suivants ou précédents, et comment appliquer des styles CSS spécifiques. Un exemple d'application consistera à trouver tous les éléments suivant un tag <h2>
et à leur appliquer une couleur. Nous apprendrons aussi à cibler les éléments précédant une table et à leur appliquer des modifications. Une autre section couvrira la mise en place de gestionnaires d'événements pour animer des éléments en cliquant dessus, et nous terminerons par la recherche des plus proches parents d'un élément avec la fonction closest
.
Questions fréquentes
closest
permet de trouver le plus proche parent d'un élément spécifique.
prevAll
.
slideToggle
est appliqué aux paragraphes suivants lorsque l'on clique sur un élément H2.