document.getElementbyId() returning null [duplicate]

Answer 1

Also, if in some part of the code you are using document.write it's very common to get null.

Answer 2

The javascript code is running before the DOM is fully available and the call fails. Try the following instead

$(document).ready(function() {
  document.getElementById('connectedUnregistered').style.display = 'block'; //Error
}

Answer 3

Perhaps try placing this code in a

$(document).ready(function(){

//Code

});

block

Answer 4

in my case it was because of having this line at the beginning of the jsp/html(whatever) file:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

removing it solved the problem for me(I do not remember what it was doing on my page at first place)

Answer 5

The script is trying to get the element before the element is loaded. Place the script after the element or put it in a load or ready event.

Answer 6

The code executes prior to the element being created. Since you are using jquery, simply wrap it in document.ready:

$(function(){
    // code goes here
});

This will execute after the DOM is created.