Présentation des éléments de page DOM JavaScript

Ce cours explore les connaissances et techniques de base nécessaires pour créer et mettre à jour des éléments de page à l'aide du DOM JavaScript. Il commence par une introduction au DOM. Vous découvrirez ici les fonctions du DOM et la manière dont il contribue à améliorer les fonctionnalités d'une page Web, notamment en connectant des pages Web à des scripts ou à des langages de programmation en représentant la structure d'un document. Ensuite, vous apprendrez à utiliser l'outil de développement de Google Chrome pour déboguer et tester vos codes HTML et JavaScript sous Windows et Mac OS. Nous présentons 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. Apprenez à mettre à jour tous les éléments de page correspondants à l'aide du JavaScript QuerrySelectorAll et à renvoyer plusieurs éléments dans une liste de nœuds, à mettre à jour le nombre et le contenu textuel d'

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 différentes valeurs de style à l'attribut style à l'aide de JavaScript. Ensuite, vous apprendrez les 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. Vous découvrirez ensuite 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'arbre DOM en sélectionnant un élément de départ et en passant aux éléments associés avec du code JavaScript.

DOM est l'abréviation de Document Object Model. Il s'agit d'une interface de programmation pour les documents Web. Le DOM représente le document sous forme de nœuds et d'objets, permettant à des 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 auditeurs d'événements pour les événements de la souris et du clavier. Pourquoi attends-tu ? Suivez ce cours en ligne gratuit dès aujourd'hui et acquérez une nouvelle compétence.