Javascript giving error only on load

Question

The following is the javascript I wrote in my js file:

var ele = document.getElementsByTagName('body');
var p = document.getElementById('hello');
ele[0].innerHTML= p.innerHTML;

But it gives error that p is null. But when I run the same commands in console, they work perfectly. Can someone please help me figure this out.

Answer 1

As users suggested, it's about if the DOM is rendered or not when you run JS. You have 2 options.

When you link the script in the <head> , make sure to wrap it in onload , see example below

When you link the script in the <body> , you don't need to wrap it in onload

 // example window.onload = function(){ // or better use window.addEventListener // do some stuff or paste your code here }

Javascript giving error only on load

Question

1 answers

solution1
2 2015-11-09 18:02:40

Javascript giving error only on load

Question

1 answers

solution1 2 2015-11-09 18:02:40

solution1
2 2015-11-09 18:02:40