Suppose I have a partial dom tree with a parent node and a set of children.
How can I interject a DIV between them?
I am starting with
parent --+--> child |--> child |--> child
..and I want to end with
parent ---> newdiv ---+--> child |--> child |--> child
How can I do this?
I need the converse of
replaceChild() . Is there something like
I suppose I could clone all the child nodes, and then insert them as children in the new node. but… does that retain all the element ids?
var newDiv = document.createElement("div"); while(parent.hasChildNodes()) newDiv.appendChild(parent.firstChild); parent.appendChild(newDiv);
From the documentation of W3C about
Adds the node newChild to the end of the list of children of this node. If the newChild is already in the tree, it is first removed.