Dans le cours : L'essentiel de JavaScript

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.

Modifier les éléments du DOM

Modifier les éléments du DOM - Tutoriel JavaScript

Dans le cours : L'essentiel de JavaScript

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Modifier les éléments du DOM

“

Maintenant que nous savons atteindre des éléments dans le DOM, nous allons être en mesure de travailler avec ces éléments. On va pouvoir accéder à leurs propriétés et on va, surtout, pouvoir modifier ces propriétés. Prenons, par exemple, cet élément main qui se trouve dans la section qui s'appelle pageContent. Alors, pour atteindre cet élément en JavaScript, je vais créer une variable que je vais appeler main et je vais rendre ceci égal à documents.querySelector. Le sélecteur à utiliser, ce sera #pageContent main comme en CSS et puis, pour contrôler que ça se passe bien un petit console.log de cette variable main. Et dans ma console j'obtiens, bien, cet élément main avec toutes ses propriétés. L'une des propriétés, c'est l'objet children, c'est la liste des enfants de cet élément. Cette propriété, c'est, donc, un objet et cet objet a une propriété length, c'est la longueur de cette liste, c'est le nombre d'enfants que possède cet élément…

Table des matières