CATALOGUE Code & Data Formation JavaScript Apprendre JavaScript ES6 - Les fondamentaux Manipulation du DOM avec JavaScript

Manipulation du DOM avec JavaScript

Cibler un élément du DOM
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre JavaScript ES6 - Les fondamentaux
Revoir le teaser Je m'abonne
3,8
Transcription
Cette leçon fait partie de la formation
69,90€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,8
Cette leçon fait partie de la formation
69,90€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

Introduction à la manipulation d'éléments HTML

Objectifs

L'objectif de cette vidéo est de vous apprendre à utiliser querySelector pour sélectionner et manipuler des éléments HTML, vous permettant ainsi de rendre vos pages web dynamiques.

Résumé

Découvrez comment utiliser JavaScript pour manipuler des éléments HTML à travers des sélecteurs CSS et la méthode querySelector.

Description

Dans cette leçon, nous allons explorer les fonctionnalités de la librairie standard de JavaScript permettant de manipuler le DOM (Document Object Model). Vous apprendrez à utiliser l'objet global Document pour cibler et sélectionner des éléments HTML spécifiques grâce à la méthode querySelector. Cette méthode accepte une chaîne de caractères représentant un sélecteur CSS, nous permettant ainsi de sélectionner des éléments par leur classe, ID ou nom de balise. Par exemple, en utilisant document.querySelector('.one'), nous pouvons stocker l'élément correspondant dans une constante et ensuite le manipuler selon nos besoins. Ce tutoriel vous guidera pas à pas à travers ces concepts avec un exemple pratique de manipulation d'une classe CSS et l'observation des résultats dans la console du navigateur.

Voir plus

Questions fréquentes

Qu'est-ce que l'objet Document en JavaScript ?
L'objet Document en JavaScript est un objet global qui représente le document HTML ou XML chargé dans le navigateur. Il est utilisé pour accéder et manipuler le contenu du document.
Comment utilise-t-on querySelector pour sélectionner un élément par classe ?
Pour sélectionner un élément par classe avec querySelector, on passe une chaîne de caractères représentant le sélecteur CSS de la classe. Exemple : document.querySelector('.nomDeClasse').
Pourquoi utilise-t-on console.log ?
La méthode console.log est utilisée pour afficher des messages dans la console du navigateur, souvent à des fins de débogage.

Programme détaillé

11 commentaires
3,8
11 votes
5
4
3
2
1
Anonym E.
Il y a 9 mois
Merci pour cette formation précieuse
Anonym E.
Il y a 10 mois
GOOD
Anonym E.
Il y a 10 mois
Très bonne formation .
Anonym E.
Il y a 1 an
RAS
MICHELE J.
Il y a 1 an
Le cours sont pas assez adaptés pour une personne qui débute un peu les langages informatiques
Anonym E.
Il y a 1 an
EXCELLENT
Anonym E.
Il y a 1 an
super
william w.
Il y a 3 ans
Un peu léger, le cour survole toutes les notions de bases. L'idéal est de visionner les cours en x2.
Si vous êtes novices, vous pourrez rentrer rapidement dans le monde du js.
Michael L.
Il y a 4 ans
Bonne formation pour qui sait déjà programmer dans un autre langage. Une formation sur Javascript avancé serait fort appréciée ;-)
Profile picture for user olivierousmail
Olivier O.
Il y a 4 ans
Formation inadaptée pour un débutant, donne des concepts sans les expliquer, qu'est ce qu'un tableau ? qu'est ce qu'une fonction ? focalise tout le premier module sur l'utilisation de constantes alors qu'on est loin de les utiliser régulièrement.

Formation faite pour revenir dessus après avoir suivi une "réelle" formation sur les bases de Javascript.
franck l.
Il y a 4 ans
Très bons contenus et bonnes explications. Manque d'un second module pour aller plus loin dans l'exemple.