Introduction aux éléments de page JavaScript DOM

Ce cours explore les connaissances et les techniques de base requises pour créer et mettre à jour des éléments de page à l'aide de JavaScript DOM. Il commence par une introduction à la DOM. Ici, vous apprendrez les fonctions de DOM et comment elle aide à améliorer la fonctionnalité d'une page Web, y compris la connexion de pages Web à des scripts ou des langages de programmation en représentant la structure d'un document. Ensuite, vous apprendrez à utiliser l'outil Google Chrome dev pour déboguer et tester vos codes HTML et JavaScript sur les fenêtres et Mac OS. Nous démontrons les différentes méthodes de sélection et de mise à jour des éléments de page, y compris le sélecteur de requête. Cette rubrique explique comment mettre à jour tous les éléments de page correspondants à l'aide du code JavaScript QuerrySelectorAll et renvoyer plusieurs éléments dans une liste de noeuds, mettre à jour le nombre et le contenu du texte d'un élément.

Dans ce cours, vous allez apprendre à sélectionner un élément et à mettre à jour les valeurs de style, à définir les attributs de l'élément de page, puis à mettre à jour le code HTML et à l'ajouter aux éléments de page avec la valeur de propriété innerHTML. Par exemple, mettez à jour la couleur et la couleur d'arrière-plan de l'élément sélectionné et appliquez plusieurs valeurs de style à l'attribut style avec JavaScript. Ensuite, vous allez apprendre des méthodes de liste de classes pour basculer une classe existante, ajouter, supprimer et vérifier si la classe existe sur un élément qui renvoie une valeur booléenne. Ensuite, vous découvrirez les méthodes Append, Prepend, AppendChild to parent Element pour ajouter des éléments de page à la page. Enfin, nous montrons comment 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.

DOM est une abréviation du modèle d'objet de document. Il s'agit d'une interface de programmation pour les documents Web. 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 suivant ce cours sur Alison.com, vous apprendrez à créer et modifier des éléments de page et à ajouter des programmes d'écoute d'événements pour les événements de souris et de clavier. Pourquoi vous attendez? Suivez ce cours gratuit en ligne aujourd'hui et gagez une nouvelle compétence.