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,5
Transcription

69,90€ Je commande

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

DescriptionProgrammeAvis
3,5
69,90€ Je commande

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

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.

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

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 réponses
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é

8 commentaires
3,5
8 votes
5
4
3
2
1
C0C23DAC-E0F0-4671-A5DA-98CC3C3F0FD7@cyberlibris.studi.fr
Il y a 3 months
Commentaire
RAS
elephorm-1344761@addviseo.com
Il y a 6 months
Commentaire
Le cours sont pas assez adaptés pour une personne qui débute un peu les langages informatiques
85F76F55-E9A7-4111-B6B2-79CB51A205B9@cyberlibris.studi.fr
Il y a 10 months
Commentaire
EXCELLENT
93DAC8BB-E168-4366-B5BE-6F3D0B39B74D@cyberlibris.studi.fr
Il y a 1 year
Commentaire
super
wastiaux.william
Il y a 3 years
Commentaire
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.
michaellaunay
Il y a 3 years
Commentaire
Bonne formation pour qui sait déjà programmer dans un autre langage. Une formation sur Javascript avancé serait fort appréciée ;-)
olivierousmail
Il y a 3 years
Commentaire
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.
lepajollecfranck
Il y a 3 years
Commentaire
Très bons contenus et bonnes explications. Manque d'un second module pour aller plus loin dans l'exemple.