What exactly can cause an “HIERARCHY_REQUEST_ERR: DOM Exception 3”-Error?

by

It means you’ve tried to insert a DOM node into a place in the DOM tree where it cannot go. The most common place I see this is on Safari which doesn’t allow the following:

document.appendChild(document.createElement('div'));

Generally, this is just a mistake where this was actually intended:

document.body.appendChild(document.createElement('div'));

Other causes seen in the wild (summarized from comments):

  • You are attempting to append a node to itself
  • You are attempting to append null to a node
  • You are attempting to append a node to a text node.
  • Your HTML is invalid (e.g. failing to close your target node)
  • The browser thinks the HTML you are attempting to append is XML (fix by adding <!doctype html> to your injected HTML, or specifying the content type when fetching via XHR)

More Related Contents:

  1. Uncaught Error: SECURITY_ERR: DOM Exception 18 when I try to set a cookie
  2. Replacing live with on function [closed]
  3. Bad Value for attribute href in a in jsp
  4. How do I pass a URL as a parameter? [closed]
  5. How to add a dynamic query string to a link?
  6. .index() only for one instance of class [closed]
  7. Replace multiple strings at once
  8. Binding multiple events to a listener (without JQuery)?
  9. How do I pass the this context to a function?
  10. Call javascript function after script is loaded
  11. How to bind bootstrap popover on dynamic elements
  12. Merge Two Arrays so that the Values Alternate
  13. $.each() vs for() loop – and performance
  14. css transition doesn’t work if element start hidden
  15. How to disable beforeunload action when user is submitting a form?
  16. Page Redirect after X seconds wait using JavaScript
  17. Uncaught TypeError: undefined is not a function on loading jquery-min.js
  18. jquery datatables hide column
  19. How to simulate typing in input field using jQuery?
  20. How can I convert a jQuery object to an Element?
  21. How Can I Truncate A String In jQuery?
  22. Does Wikipedia API support CORS or only JSONP available?
  23. Call function with setInterval in jQuery?
  24. Javascript loading CSV file into an array
  25. Set Jquery ui active tab on page load/reload
  26. Selecting elements without jQuery
  27. Function not calling within an onclick event
  28. focus on next tabindex of HTML element onEnter keypress by JQuery
  29. Automatically scroll down chat div
  30. How to return an array from an AJAX call?

Leave a Comment