I'm getting "Cannot set property 'innerHTML' of null"

Question

I'm getting the error "Cannot set property 'innerHTML' of null" with this :

<div id="refresh">Loading ...</div>
<script src="test/js/refresh.js"></script>

refresh.js :

$("#refresh").load("test/ajax/refresh.php");

Why ?

PS: Screenshot of the code, if needed : http://prntscr.com/fpvjuf

that means you are processing the div before you retrieve it from the document.You sure that the script is running after the page has loaded? — Abhishek Ranjan, Jun 30 '17 at 05:31
Possible duplicate of https://stackoverflow.com/questions/18239430/cannot-set-property-innerhtml-of-null?rq=1 — Abhishek Ranjan, Jun 30 '17 at 05:40
In the code you linked, there is no div with the Id of "refresh". — aimorris, Jun 30 '17 at 05:42

score 1 · Answer 1 · answered Jun 30 '17 at 05:33

1

Your JavaScript code may be running before the page has loaded. Try this:

$(function() {
    $("#refresh").load("test/ajax/refresh.php");
});

answered Jun 30 '17 at 05:33

aimorris

score 0 · Answer 2 · answered Jun 30 '17 at 05:44

0

My refresh.php file was returning document.getElementById("refesh").innerHTML = "Test";

refesh and not refresh, sorry.

answered Jun 30 '17 at 05:44

Matt

2 Answers2