CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 4 Initiation au JavaScript: Manipulation du DOM et intégration de scripts

Initiation au JavaScript: Manipulation du DOM et intégration de scripts

Initiation à javascript - des fonctions complexes
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 4
Revoir le teaser Je m'abonne
4,5
Transcription

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,5
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de vous permettre de :
1. Comprendre les différents emplacements possibles du script dans une page HTML.
2. Utiliser document.getElementById pour accéder et manipuler les éléments HTML.
3. Implémenter des événements en JavaScript pour interagir avec les éléments de la page.
4. Utiliser document.querySelector et document.querySelectorAll pour une sélection flexible des éléments HTML.

Découvrez comment manipuler des éléments HTML et gérer des événements en JavaScript dans ce tutoriel. Apprenez à utiliser des fonctions clés telles que document.getElementById et document.querySelector.

Dans cette leçon, vous apprendrez à aller au-delà des bases du JavaScript en manipulant des éléments HTML directement à partir de votre code. Vous découvrirez les deux endroits stratégiques où vous pouvez placer vos scripts JavaScript et comprendrez l'importance du chargement de la page pour l'exécution des scripts. Vous verrez comment utiliser la méthode window.onload pour vous assurer que tous les éléments de la page sont disponibles avant d'exécuter votre script.

Vous apprendrez également à utiliser document.getElementById pour accéder aux éléments par leurs identifiants et à modifier leurs styles dynamiquement. Nous explorerons comment gérer des événements tels que les clics sur des boutons pour effectuer des actions comme changer la couleur d'un paragraphe.

Enfin, la leçon couvrira l'utilisation de document.querySelector et document.querySelectorAll pour sélectionner des éléments de manière plus flexible, que ce soit pour le premier élément correspondant ou tous les éléments correspondants d'une page.

Voir plus
Questions réponses
Pourquoi est-il important de placer le script JavaScript à la fin de la balise body ?
Placer le script à la fin de la balise body permet de s'assurer que le document HTML est entièrement chargé avant l'exécution du script, évitant ainsi les erreurs d'exécution.
Que fait la méthode document.getElementById ?
La méthode document.getElementById permet de sélectionner et de manipuler un élément HTML en utilisant son attribut id unique.
Quelle est l'utilité de la fonction window.onload ?
La fonction window.onload garantit que le script JavaScript s'exécute uniquement après que toute la page et ses ressources sont entièrement chargées.

Programme détaillé

2 commentaires
4,5
2 votes
5
4
3
2
1
wfischli
Il y a 2 years
Commentaire
Bonne formation.
Dommage que M Audoux ne va pas toujours au terme de ses exemples. Il manque souvent un petit "clic" qui finaliserait le cours.
Je rejoins le commentaire précédent, à savoir qu'il manque les fichiers de travail avec lesquels il serait plus facile de s'exercer.
lyazid.meaux
Il y a 3 years
Commentaire
Très bonne formation, juste ce qu'il faut.
Est il possible d'avoir les exemples afin de pouvoir travailler dessus et ne pas être obliger de jongler entre l'éditeur et la vidéo.

Merci.