Cant set property textContent of null

Question

Hello,
it happens me a lot here when I use a textContent or innerHTML property that I get an error saying uncaught typeError: can't set textContent / innerHTML property of null.

var hello = document.getElementById("hello") ;

hello.textContent = "Sololearn" ;

I get an error and cant output it, while when I try it on the desktop I can do It without problems. Why is that?

Answer 1

David , you should add in the beginning of JS window.onload. Look at the code and hope it helps you 🐱
https://code.sololearn.com/Wb6y6vXxMp7N/?ref=app

Answer 2

David , can you show the whole code linked to Playground, so somebody can help you.

Answer 3

https://code.sololearn.com/WRIgFayMjCYK/?ref=App here

Answer 4

Lol, I knew it was something funny. I've never even used onload function. Thanks a lot for help!

Answer 5

David , you are welcome. It's because you should first load all html content before you use it, when it is in separate JS file.

Answer 6

Ohh.. I never paid attention to this... This is obviously very important... Thanks a lot :)