Uncaught TypeError: Cannot read property ‘appendChild’ of null

There isn’t an element on your page with the id “mainContent” when your callback is being executed.

In the line:

document.getElementById("mainContent").appendChild(p);

the section document.getElementById("mainContent") is returning null

Related Posts:

  1. Cross-Origin Read Blocking (CORB)
  2. syntax error: unexpected token <
  3. Infinite Scrolling in Asp.Net MVC with jQuery / AJAX Issues
  4. ajax jquery simple get request
  5. jQuery get textarea text
  6. Response to preflight request doesn’t pass access control check
  7. jQuery AJAX cross domain
  8. Send POST data using XMLHttpRequest
  9. Set timeout for ajax (jQuery)
  10. How to generate a simple popup using jQuery
  11. What does on() in JavaScript do?
  12. jQuery AJAX submit form
  13. jQuery Ajax File Upload
  14. How can I upload files asynchronously with jQuery?
  15. Adding images to a Bootstrap Carousel with AJAX
  16. AJAX response error: net::ERR_EMPTY_RESPONSE
  17. Disable same origin policy in Chrome
  18. Access Control Request Headers, is added to header in AJAX request with jQuery
  19. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  20. XMLHttpRequest status 0 (responseText is empty)
  21. Basic Ajax send/receive with node.js
  22. Execute PHP function with onclick
  23. JSON.parse() not working
  24. jQuery Ajax POST example with PHP
  25. Refresh/reload the content in Div using jquery/ajax
  26. How does AJAX work?
  27. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  28. Scroll to bottom of div?
  29. How to manage a redirect request after a jQuery Ajax call
  30. How to allow CORS in react.js?
  31. FormData append not working
  32. Uncaught TypeError: Cannot read property ‘toLowerCase’ of undefined
  33. Download a file by jQuery.Ajax
  34. What is ‘xmlhttp.setRequestHeader();’ and in which situations is it used?
  35. “NS_ERROR_DOM_BAD_URI: Access to restricted URI denied”
  36. Ajax success function
  37. JAX post error : Refused to set unsafe header “Connection”
  38. AngularJS POST Fails: Response for preflight has invalid HTTP status code 404
  39. $http.get(…).success is not a function
  40. Adding wp_ajax to a theme outside functions.php (on specific template page)
  41. Does wp_localize_script call a Javascript Function or Simply Pass PHP Parameters to It
  42. How to make wordpress URLS google friendly for ajax driven sites?
  43. AJAX not Working with php as supposed
  44. addEventListener vs onclick
  45. How do I check if an array includes a value in JavaScript?
  46. JavaScript document.getElementById().value logs empty value
  47. window.onload vs document.onload
  48. Fetch: POST JSON data
  49. JavaScript hide/show element
  50. Copy array by value
  51. Compare two dates with JavaScript
  52. ReferenceError: fetch is not defined
  53. How to import image (.svg, .png ) in a React Component
  54. How do I embed PHP code in JavaScript?
  55. Make javascript alert Yes/No Instead of Ok/Cancel
  56. How to create a dialog with “yes” and “no” options
  57. How to handle the `onKeyPress` event in ReactJS?
  58. ES6: Create Strings using Template Literals – Freecodecamp
  59. Youtube api – stop video
  60. Uncaught TypeError: Cannot read property ‘msie’ of undefined – jQuery tools
  61. How do I convert an integer to binary in JavaScript?
  62. What does window.jQuery and window.$ mean?
  63. How to simulate a click with JavaScript?
  64. This.props.dispatch not a function – React-Redux
  65. this vs $(this)
  66. “google is not defined” when using Google Maps V3 in Firefox remotely
  67. how to call a onclick function in tag?
  68. How to sort an array of integers correctly
  69. Failed to execute ‘postMessage’ on ‘DOMWindow’: https://www.youtube.com !== http://localhost:9000
  70. How can I check whether a radio button is selected with JavaScript?
  71. typescript – cloning object
  72. What is the equivalent of Java’s System.out.println() in Javascript?
  73. How can I exit from a javascript function? [duplicate]
  74. Register and enqueue conditional (browser-specific) javascript files?
  75. Implementing Isomorphic JavaScript (React JS) in WordPress?
  76. Refused to execute script from ‘***’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled
  77. Why is this gutenberg custom format button only available from the toolbar as a dropdown?
  78. WordPress problem with htmlentities
  79. VB.net and WordPress
  80. Gutenberg passing block attributes to component in ES6/ESNext
  81. WP REST API Post Status Using JavaScript
  82. How to prevent those PHP variables from being cached on WordPress?
  83. wp.template() returns tags in Ajax response
  84. How to load wp_editor via AJAX
  85. How do you filter the list of states when country is selected? [closed]
  86. How to move core js files into the footer
  87. Building a Featured Gallery component for Gutenberg
  88. Suddenly extra hex string in tags
  89. Retrieving data about comments and likes
  90. Including Styles and JS files to work ON my plugin interface
  91. Linking wp_enqueue can’t find the javascript file (adds “?ver=x.x.x” to the src)
  92. Is there some jQuery conflict here?
  93. Load more posts using AJAX based on posts inside WP_Query
  94. woocommerce deposit Form with AJAX and shortcode won’t update but add to previous output
  95. Javascript working on jsfiddle but not wordpress site?
  96. Drodown list return issue
  97. How to safely pass post_id and user_id via AJAX to the backend (prevent user from changing it via JS)?
  98. Spans in gutenberg
  99. Get a default customizeAction text for a section using Customizer JS API
  100. Put dynamic Javascript in header after doing operations

Leave a Comment