TypeError: document.body is null

by

Execute the code when the DOM loads. Wrap your logic in an event listener for DOMContentLoaded.

document.addEventListener('DOMContentLoaded', function () {
    // ...
});

The reason it worked in JSFiddle is because the JS is executed on load (that’s the default option in JSFiddle).

Alternatively, depending on when you need the logic to be executed, you could also use:

window.addEventListener('load', function () {
    // ...
});

See: Difference between DOMContentLoaded and Load events

More Related Contents:

  1. “Uncaught SyntaxError: Unexpected token , ” when create my object javascript
  2. “Uncaught TypeError: Illegal invocation” in Chrome
  3. Uncaught TypeError: Cannot read property ‘value’ of undefined
  4. Uncaught TypeError: (intermediate value)(…) is not a function
  5. My javascript is returning this error: $.ajax is not a function
  6. Javascript “Not a Constructor” Exception while creating objects
  7. Uncaught TypeError: lang is not a function [duplicate]
  8. How to fix ‘TypeError: Cannot call method “getRange” of null’ in Google Apps Script
  9. TypeError: cli.init is not a function for react native
  10. Uncaught Typeerror: cannot read property ‘innerHTML’ of null
  11. javascript TypeError: document.getElementsByTagName(“p”)[0].innerHtml is not a function
  12. Why is bracket notation not working here? [duplicate]
  13. How to create these webpages
  14. Is Chrome’s JavaScript console lazy about evaluating objects?
  15. javascript document.getElementsByClassName compatibility with IE
  16. Hot and Cold observables: are there ‘hot’ and ‘cold’ operators?
  17. JSON find in JavaScript
  18. $(document).click() not working correctly on iPhone. jquery [duplicate]
  19. What is the temporal dead zone?
  20. How to maintain state after a page refresh in React.js?
  21. Is there any way to use a numeric type as an object key?
  22. Why am I seeing an “origin is not allowed by Access-Control-Allow-Origin” error here? [duplicate]
  23. prototype: deep scope of “this” to access instance’s scope
  24. Rest with Express.js nested router
  25. Javascript in UIWebView callback to C/Objective-C
  26. How to update the Context value in a Provider from the Consumer?
  27. JQuery html() vs. innerHTML
  28. Can I see if a timer is still running?
  29. Compare two Arrays with Objects and create new array with unmatched objects
  30. return AJAX callback return [duplicate]

Leave a Comment