CATALOGUE Code & Data Formation Ajax/jQuery Apprendre Ajax / JQuery

Fonctions de Parcours du DOM en JavaScript

Retour à la formation
Chapitre 11 Leçon 3
Précédent
Suivant

Apprenez à manipuler les éléments du DOM en utilisant des fonctions pour rechercher les parents, enfants et frères d’un élément en JavaScript.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons les différentes fonctions de parcours de DOM en JavaScript. Vous apprendrez à remonter dans la hiérarchie des éléments pour trouver les parents grâce à la fonction parent, et à identifier les enfants directs avec la fonction children. Vous verrez également comment récupérer tous les parents d'un élément jusqu'à l'élément body ainsi que les frères d'un élément spécifique à l'aide de siblings. Nous illustrerons l'utilisation de ces fonctions avec des exemples concrets, notamment sur un fichier HTML contenant des images et un tableau. En appliquant ces connaissances, vous pourrez manipuler de manière précise et efficace la structure de votre document HTML. Nous terminerons par la recherche de frères d'éléments image et l'application de styles CSS pour renforcer la compréhension.

Objectifs de cette leçon

À la fin de cette vidéo, vous saurez :
- Utiliser les fonctions parent, children, parents, et siblings pour manipuler les éléments du DOM.
- Appliquer des styles CSS spécifiquement aux éléments ciblés.

Prérequis pour cette leçon

Avoir des connaissances de base en JavaScript et HTML.

Métiers concernés

Les compétences acquises dans cette leçon sont applicables aux métiers de développeur front-end, intégrateur web, et ingénieur logiciel.

Alternatives et ressources

Il existe d'autres méthodes et bibliothèques pour manipuler le DOM, telles que jQuery ou les API de React et Vue.js.

Questions & Réponses

On peut utiliser la fonction parent pour remonter à l'élément parent.
On utilise la fonction children pour récupérer les enfants directs d'un élément.
Parce que la fonction siblings retourne tous les frères d'un élément sauf lui-même.