DOM Exception: HIERARCHY_REQUEST_ERR (3) error

javascript jquery internet-explorer-9 domexception
PeterLin picture PeterLin · Nov 12, 2012 · Viewed 12.1k times · Source

The following code works fine in chrome and Firefox, but breaks in IE 9.0.

message.nodeTree.childNodes[1].childNodes[0].childNodes[0].appendChild(pkf_util.createXmlTextNode(text));

when I try to input something via textarea,it comes with SCRIPT5022:

DOM Exception: HIERARCHY_REQUEST_ERR (3) line 481 character 29;

Any ideas why it's not working in IE 9.0?

Answer

epeleg picture epeleg · May 2, 2013

I know its a long time since the Q was asked but I reached it based on the error message. specifically in my case I was getting the following error: "HIERARCHY_REQUEST_ERR: DOM Exception 3: A Node was inserted somewhere it doesn't belong.".

I was trying to append a node that I was creating using jquery to some other node in my html document. It turned out that by mistake I used $('div') instead of $('<div>') for the creating the new (appended) node.

I hope this will help someone in the future.

Related questions

Modal Dialog without jQuery

I need to create a modal dialog on a webpage using javascript. Normally this would be easy as I could use something like jQueryUI or BlockUI, but the caveat here is that I'm not permitted to use jQuery, and I …

Read More
IE9 HTTPS security is compromised by my Greasemonkey script?

I’ve got a Greasemonkey-for-IE script in IE9 that’s importing jQuery. But on secure pages it doesn’t work. I’m getting: SEC7111: HTTPS security is compromised by http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js The …

Read More
IE9: Why setting "-ms-transform" works from css, but not with jquery.css()

This works div{ -ms-transform: rotate(30deg); } And following does not $("div").css("-ms-transform","rotate(30deg)"); Any ideas why, and how to fix it? Same thing works good on all other browsers, but not on IE. Ofcourse, only IE9 supports it. …

Read More