admin管理员组

文章数量:1344619

I'm trying to insert a ment node before the particular node (<name>) in my xml. Here is the method for it:

function test(xmlResponse)
{
    var parser = new DOMParser(), xmlDoc = parser.parseFromString(xmlResponse,"text/xml");

    var entDocument = document.createComment("My personal ments");

    console.log(xmlDoc.querySelectorAll("street name")[0])
    xmlDoc.insertBefore( entDocument ,  xmlDoc.querySelectorAll("street name")[0]);

    return xmlDoc
}

and when I call:

test("<address><street><name>Street name</name></street></address>")

I get:

<name>Street name</name>
Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.
    at Error (native)
    at generateTheComment (<anonymous>:12:9)
    at <anonymous>:2:1
    at Object.InjectedScript._evaluateOn (<anonymous>:895:140)
    at Object.InjectedScript._evaluateAndWrap (<anonymous>:828:34)
    at Object.InjectedScript.evaluate (<anonymous>:694:21)

As you can see the <name>Street name</name> is getting printed correctly; as I want to append the entDocument to its parent <street>.

Not sure where I'm making mistake here.

I'm expecting the code to return back:

<address>
   <street>
     <!-- My personal ments -->
     <name>Street name
     </name>
   </street>
</address>

I'm trying to insert a ment node before the particular node (<name>) in my xml. Here is the method for it:

function test(xmlResponse)
{
    var parser = new DOMParser(), xmlDoc = parser.parseFromString(xmlResponse,"text/xml");

    var entDocument = document.createComment("My personal ments");

    console.log(xmlDoc.querySelectorAll("street name")[0])
    xmlDoc.insertBefore( entDocument ,  xmlDoc.querySelectorAll("street name")[0]);

    return xmlDoc
}

and when I call:

test("<address><street><name>Street name</name></street></address>")

I get:

<name>Street name</name>
Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.
    at Error (native)
    at generateTheComment (<anonymous>:12:9)
    at <anonymous>:2:1
    at Object.InjectedScript._evaluateOn (<anonymous>:895:140)
    at Object.InjectedScript._evaluateAndWrap (<anonymous>:828:34)
    at Object.InjectedScript.evaluate (<anonymous>:694:21)

As you can see the <name>Street name</name> is getting printed correctly; as I want to append the entDocument to its parent <street>.

Not sure where I'm making mistake here.

I'm expecting the code to return back:

<address>
   <street>
     <!-- My personal ments -->
     <name>Street name
     </name>
   </street>
</address>
  • javascript
  • xml
Share Improve this question asked Jun 18, 2015 at 10:37 batmanbatman 3,6856 gold badges23 silver badges46 bronze badges 2
  • 1 Well, it seems like you don't want to insert that ment in the xmlDoc, but in that <street> node. – Bergi Commented Jun 18, 2015 at 11:51
  • Related: stackoverflow./questions/3352871/… – Bartek Banachewicz Commented Jun 18, 2015 at 11:56
Add a ment  | 

1 Answer 1

Reset to default 5 
xmlDoc.insertBefore( entDocument ,  xmlDoc.querySelectorAll("street name")[0]);

This tries to insert directly from the document. You need to get to the direct parent of the element you want to insert your ment before:

var name = xmlDoc.querySelector("street name");
name.parentNode.insertBefore(entDocument, name);

本文标签：

版权声明：本文标题：javascript - Failed to execute &#39;insertBefore&#39; on &#39;Node&#39;: The node before which the new node is t 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743802533a2541583.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。