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

zancanaro
Javascript

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

zancanaro
Auteur
Réponse acceptée

Ok faut donc que je créé une variable p. J'ai du zapper ça dans la vidéo https://www.grafikart.fr/tutoriels/dom-774.
Merci

Lartak

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

zancanaro
Auteur

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

Lartak

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

Oui, par exemple :

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