javascript - DOM Exception: HIERARCHY_REQUEST_ERR (3) error - Stack Overflow

admin管理员组

文章数量:1344933

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 es with SCRIPT5022:

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

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

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 es with SCRIPT5022:

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

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

• javascript
• jquery
• internet-explorer-9
• domexception

Share Improve this question Follow edited Mar 3, 2013 at 17:07 Josh Unger 7,19377 gold badges3737 silver badges5555 bronze badges asked Nov 12, 2012 at 12:38 PeterLinPeterLin 3111 gold badge11 silver badge88 bronze badges 5

• 2 There's no telling without seeing your HTML structure, but the code does look very fragile. – John Dvorak Commented Nov 12, 2012 at 12:41
• Since you've tagged jQuery, you should use it as well, and not navigate "second child's first child's first child" style but rather "an input with class .data within the div that was clicked" style – John Dvorak Commented Nov 12, 2012 at 12:43
• What is suppose to return function createXmlTextNode() ? – A. Wolff Commented Nov 12, 2012 at 12:46
• "Dom exception 3" means you're trying to append something where it doesn't belong, such as appending something that isn't an HTML node to an HTML document. – John Dvorak Commented Nov 12, 2012 at 12:48
• see also this one: stackoverflow./questions/1256394/… – Georgii Ivankin Commented Feb 1, 2013 at 12:18

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 9

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.

This can be a solution...

var element = document.createElement('iframe');
element.src = url;
document.getElementsByTagName('body')[0].appendChild(element);    

Good luck

DOM exception 3 means you've tried to insert an element to a place in the DOM where it doesn't belong. (ref.)

Possible causes:

• IE9 doesn't consider the XML node created by the library a valid DOM node.
• The node created is a valid DOM node but it's being appended somewhere it doesn't belong (such as anything being appended to a node that's supposed to be a leaf)
• The node created is not actually a new element, but rather a parent of the node being appended to. This would classify as a bug in the library.
• If you try to append a null anywhere, you're practically asking for a DOM exception. Perhaps your library fails on IE9?

Google search on pkf_util returns ... this question, so we cannot rule out a bug in pkf_util.

本文标签： javascriptDOM Exception HIERARCHYREQUESTERR (3) errorStack Overflow