Loading

Alison's New App is now available on iOS and Android! Download Now

Introduction aux éléments de page JavaScript DOM

Ce cours en ligne gratuit vous permettra d'acquérir les compétences nécessaires pour créer des éléments de page sur des pages Web à l'aide de JavaScript DOM

Publisher: Laurence Svekis ✔
Ce cours Introduction à JavaScript DOM Page Elements vous donnera les connaissances de base nécessaires pour modifier des éléments sur les pages web avec DOM à l'aide de JavaScript. Ce cours enseigne comment DOM se rapporte au code JavaScript les méthodes de sélection des éléments et comment ajouter et supprimer des objets à l'aide d'append et de prepend. En prenant ce cours, vous en apprendrez davantage sur les programmes d'écoute d'événements et leurs types, ainsi que sur la façon d'ajouter des cadres d'animation à la page.
Introduction aux éléments de page JavaScript DOM
  • Durée

    1.5-3 Heures
  • Students

    43
  • Accreditation

    CPD

Description

Modules

Résultats

Certification

View course modules

Description

Ce cours Introduction à JavaScript DOM Page Elements sur Alison.com a été conçu pour enseigner aux apprenants les connaissances et les techniques de base requises pour créer et mettre à jour des éléments de page à l'aide de JavaScript DOM. Le cours commence par une introduction à DOM, ici, on vous enseignera les fonctions de DOM et comment il aide à améliorer la fonctionnalité des pages Web qui inclut la connexion de pages web aux scripts ou langages de programmation en représentant la structure d'un document. Dans ce cours en ligne gratuit sur Alison, vous allez apprendre à utiliser l'outil Google Chrome dev pour déboguer et tester vos codes HTML et JavaScript sur Windows et Mac OS, ensuite, vous allez apprendre les différentes méthodes de sélection et de mise à jour des éléments de page qui comprendront l'utilisation du sélecteur de requête et vous apprendrez également à sélectionner et mettre à jour tous les éléments de page correspondants à l'aide du code JavaScript QuerrySelectorAll et aussi comment sélectionner et renvoyer plusieurs éléments dans une liste de noeuds, mettre à jour le nombre d'éléments avec le contenu de texte d'un élément.

Dans ce cours, vous allez apprendre à sélectionner un élément et à mettre à jour Les valeurs de style, et aussi comment définir les attributs de l'élément de page, puis vous apprendrez à sélectionner des éléments et à mettre à jour l'élément HTML de l'élément et à ajouter du HTML aux éléments de page avec la valeur de la propriété innerHTML et comment mettre à jour la couleur et la couleur d'arrière-plan de l'élément sélectionné, vous apprendrez à appliquer différentes valeurs de style à l'attribut de style avec JavaScript. Ensuite, vous allez apprendre des méthodes de liste de classes pour basculer une classe existante, ajouter, supprimer des classes et vérifier si la classe existe sur un élément renvoyant une valeur booléenne, puis vous allez apprendre les méthodes Append, Prepend, AppendChild to parent Element pour ajouter des éléments de page à la page. Enfin, vous allez apprendre à naviguer dans l'arborescence DOM en sélectionnant un élément de départ et en passant à ses éléments associés avec JavaScript Code, ensuite vous allez apprendre les fonctions des programmes d'écoute d'événements et comment ajouter et supprimer des programmes d'écoute d'événement. Vous apprendrez également à créer et à suivre des événements de souris, ainsi qu'à suivre des événements de clavier et à associer des événements à des champs d'entrée.

DOM est une abréviation du modèle d'objet de document et il s'agit d'une interface de programmation pour les documents Web, le DOM représente le document en tant que noeuds et objets permettant aux langages de programmation tels que JavaScript et HTML d'interagir et de modifier les éléments ou le contenu de la page. En prenant ce cours sur Alison.com, vous allez apprendre à créer et modifier des éléments de page et aussi comment ajouter des programmes d'écoute d'événements pour les événements de souris et de clavier, alors, qu'est-ce que vous attendez? Suivez ce cours gratuit en ligne maintenant et gagez une nouvelle compétence.

Démarrer le cours maintenant

Careers