TypeError document querySelector

Bonjour
j’écris dans mon éditeur document. mais la méthode queryselector ne s'affiche pas ce qui génère une faute d’interprétation dans le navigateur.
mon code est document.querySelector('h4').style.color='yellow';<br>
c'est la seule instruction que j'ai écris dans le fichier JS<br>
le message reçu est<br>
Uncaught TypeError: document.querySelector(...) is null<br>
l'instruction document.querySelector('h4').style.color='yellow'; fonctionne bien dans la console du navigateur
j'utilise VisualStudio Code comme éditeur.
Merci

Montre plutot ton bout de code ... il y a sans doute une erreur de syntaxe (casse ?) ...

mon code est document.querySelector('h4').style.color='yellow';<br>
c'est la seule instruction que j'ai écris dans le fichier JS<br>
le message recu est<br>
Uncaught TypeError: document.querySelector(...) is null<br>
l'instruction document.querySelector('h4').style.color='yellow'; fonctionne bien dans la console du navigateur

Pas de problème particulier sur la syntaxe...
Qu'en est il de la chronologie ?
il est ou ce bout de code ?

Citation:

---

Envoyé par s.brahim

l'instruction document.querySelector('h4').style.color='yellow'; fonctionne bien dans la console du navigateur

---

ce qui confirme le message d'erreur : Uncaught TypeError: document.querySelector(...) is null

au moment de l'instruction, ton h4 n'existe pas encore (n'a pas encore ete parse)

si ton script est dans un fichier, rajoute un derfer, sinon deplace ton script avant la fermeture du body, sinon, deplace ton script dans un DOMContentLoaded