p.classList Uncaught TypeError/ Cannot read proprerty 'classList'

Par zancanaro, il y a 7 ans


Bonjour,
Je suis en train de suivre la vidéo : Apprendre le JavaScript : Chapitre 12, Le DOM.
Lorsque je tape dans une console p.classList ou p.style, j'ai un message d'erreur qui s'affiche : "Uncauht TypeError: Cannot read property 'classList' of null at <anonymous>:"

Mon fichier html

<body> <div id ="demo"> <p class="paragraph"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores expedita consectetur quis eaque. Voluptate eaque sapiente necessitatibus cum accusamus repudiandae atque, tenetur in quos porro nemo dignissimos quia distinctio doloribus. </p> </div> <p class="par"> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p> <script type="text/javascript" src="app.js"></script> </body>

Ce que je tape dans la console, avec les retours erreurs:

p.classList VM4057:1 Uncaught TypeError: Cannot read property 'classList' of null at <anonymous>:1:3 (anonymous) @ VM4057:1 p.style VM4079:1 Uncaught TypeError: Cannot read property 'style' of null at <anonymous>:1:3 (anonymous) @ VM4079:1

p existant bien, je ne comprend pas pourquoi il me donne comme erreur que j’essaie d’accéder à une propriété qui n’existe pas ??? Ou alors par propriété il est fait référence à : classList ou style.
Si quelqu’un pouvait m’aiguiller pour que je trouve le bug.
Merci d’avance.
Vincent

5 réponses

Lartak, il y a 7 ans

Bonjour.
Montres nous ton code JavaScript, sans ça nous allons avoir du mal à t'aider.

zancanaro, il y a 7 ans

En l'etat il est vide, tout ce passe dans la console, en test.
Merci de t'être penché sur ma question.
Vincent

Lartak, il y a 7 ans

Dans ce cas là c'est normal, si tu tapes directement p.classList dans la console, la variable p n'est pas définie, par conséquent n'existe pas.

Lartak, il y a 7 ans

Oui, par exemple :

var p = document.querySelector('.paragraph') p.classList