Javascript error – cannot call method ‘appendChild’ of null

by

Assuming this code is inside the script.js file, this is because the javascript is running before the rest of the HTML page has loaded.

When an HTML page loads, when it comes across a linked resource such as a javascript file, it loads that resource, executes all code it can, and then continues running the page. So your code is running before the <div> is loaded on the page.

Move your <script> tag to the bottom of the page and you should no longer have the error. Alternatively, introduce an event such as <body onload="doSomething();"> and then make a doSomething() method in your javascript file which will run those statements.

More Related Contents:

  1. When should I use double or single quotes in JavaScript?
  2. How can I use async/await at the top level?
  3. What happens when using this.setState multiple times in React component?
  4. How to simulate key presses or a click with JavaScript?
  5. Javascript Equivalent to PHP Explode()
  6. Regular Expression | Leap Years and More
  7. Detect if browser tab is active or user has switched away
  8. Display unescaped HTML in Vue.js
  9. Geojson map with D3 only rendering a single path in a feature collection
  10. How to use timezone offset in Nodejs?
  11. How do promises work in JavaScript?
  12. AJAX Promises using Array
  13. Native javascript equivalent of jQuery :contains() selector
  14. Objects and arrays addition
  15. How to unsubscribe from a socket.io subscription?
  16. How to catch enter keypress on textarea but not shift+enter? [duplicate]
  17. Find maximum possible time HH:MM by permuting four given digits
  18. Cannot set cookies in Javascript
  19. How to implement a constraint solver for 2-D geometry?
  20. Do I need to be concerned with race conditions with asynchronous Javascript?
  21. How to determine the best “framerate” (setInterval delay) to use in a JavaScript animation loop?
  22. Jquery success function not firing using JSONP
  23. Chain ajax and execute it in sequence. Jquery Deferred
  24. ToggleClass animate jQuery?
  25. Find first day of previous month in javascript
  26. IE6 Hover Issue
  27. What does the JSLint error ‘body of a for in should be wrapped in an if statement’ mean?
  28. Flask Dynamic data update without reload page
  29. Group by Date with Local Time Zone in MongoDB
  30. How to implement an onmousedown and onmouseup on an iPhone touch screen

Leave a Comment