Uncaught Typeerror cannot read property innerHTML of null

Question

Can anyone explain what is theses errors      Uncaught TypeError  cannot read property  innerHTML  of null   View on my website This is the line which is causing the error   var idPost document getElementById  status   innerHTML    Thanks

User · Answer

run the code after your html structure in the body statement        lt html gt       lt body gt       lt p gt asdasd lt  p gt       lt p gt asdasd lt  p gt       lt p gt asdasd lt  p gt       lt script src  myfile js  gt  lt  script gt       lt  body gt       lt  html gt

User · Answer

var idPost document getElementById  status   innerHTML    The  status  element does not exist in your webpage    So document getElementById  status   return null  While you can not use innerHTML property of NULL   You should add a condition like this   if document getElementById  status      null       var idPost document getElementById  status   innerHTML      Hope this answer can help you

User · Answer

Looks like the script executes before the DOM loads  Try loading the script asynchronously     lt script src  yourcode js  async gt  lt  script gt

User · Answer

Update   The question doesn t ask for jquery  So lets do it without jquery   document addEventListener  DOMContentLoaded   function event           Do work       Note this method will not work on IE8   Old Answer   You are calling this script before DOM is ready  If you write this code into jquery s   function   method it will work

User · Answer

If the script is in the head of your HTML document  the body of your HTML document has not yet been created by the browser  regardless of what will eventually be there  the same result occurs if your script is in the HTML file but above the element   When your variable tries to find document getElementById  status   it does not yet exist  and so it returns a value of null  When you then use the variable later in your code  the initial value  null  is used and not the current one  because nothing has updated the variable   I didn t want to move my script link out of the HTML head  so instead I did this in my JS file   var idPost   define a global variable function updateVariables        idPost   document getElementById  status   innerHTML    update the global variable     And this in the HTML file    lt body onload  updateVariables    gt    If you already have an onload function in place  you can just add the additional line to it or call the function   If you don t want the variable to be global  define it locally in the function that you are trying to run and make sure the function is not called before the page has fully loaded

User · Answer

Run with this HTML structure  lt  DOCTYPE html gt   lt head gt       lt title gt OOJS lt  title gt    lt  head gt   lt body gt       lt div id  status  gt       lt  div gt       lt script type  text javascript  src  scriptfile js  gt  lt  script gt   lt  body gt   lt  html gt

User · Answer

While you should ideally highlight the code which is causing an error and post that within your question  the error is because you are trying to get the inner HTML of the  status  element   var idPost document getElementById  status   innerHTML    However the  status  element does not exist within your HTML - either add the necessary element or change the ID you are trying to locate to point to a valid element

User · Answer

I had a similar problem  but I had the existing id  and as egiray said  I was calling DOM before it loaded and Javascript console was showing the same error  so I tried   window onload    function   myfuncname        and it starts working

[javascript] Uncaught Typeerror: cannot read property 'innerHTML' of null

Examples related to javascript

Examples related to properties

Examples related to innerhtml

Examples related to typeerror