"TypeError: document.getElementById(...) is null" in JavaScript

Asked Sep 09 '16 at 17:01

Active Sep 09 '16 at 17:02

Viewed 23 times

I have this tiny bit of code here, but it is not functioning when I reload the page, as I get the error

TypeError: document.getElementById(...) is null

document.getElementById('devMode_checkbox').checked = false;

The line(s) the error is referring to is as follows:

checkDevMode();
        
        function checkDevMode() {

            var devModeIsTrue = getCookie('devModeIsTrue');
            if (devModeIsTrue === true) {
                
                document.getElementById('devMode_checkbox').checked = true;
                enableDevMode(devModeIsTrue);
                
            } else {
                
                document.getElementById('devMode_checkbox').checked = false;

            }
        }

I have quadruple checked the id of the element

<input type='checkbox' onchange='enableDevMode(this.checked)' id='devMode_checkbox'>

and I don't really have a good understanding nor a solution for this problem. Also I could not find a working solution for this. (Sorry if this is a duplicate, but non of the given answers worked for me)

Is there a (proper) solution to this?

edited Jun 20 '20 at 09:12

Community

asked Sep 09 '16 at 17:01

J van Amerongen

is the `checkDevMode` function called after the element exists? – Daniel A. White Sep 09 '16 at 17:02
No, it is all run from the `` – J van Amerongen Sep 09 '16 at 17:03
that's the problem – Daniel A. White Sep 09 '16 at 17:03
So, I have to run the script after the element is declared? If so, can I declare the function before the element and call it afterwards, or does the function also have to be declared after the element is declared – J van Amerongen Sep 09 '16 at 17:04
have a look at the linked question. theres many options. – Daniel A. White Sep 09 '16 at 17:05

"TypeError: document.getElementById(...) is null" in JavaScript

0 Answers0