move entire body into div

[Petra Meier]

hello,

I want to display an element underneath (zindex) the entire body.
so I want to move the entire dom from the body node into an absolute
div (top/left 0/0) , then create a new div with that element with
lower zindex and place it under the "body" div.

how do I best do that?

 

[RobG]

hello,

I want to display an element underneath (zindex) the entire body.
so I want to move the entire dom from the body node into an absolute
div (top/left 0/0) , then create a new div with that element with
lower zindex and place it under the "body" div.

how do I best do that?

Get a reference to the body element, create your new div, loop over
all the child nodes of the body and attach them to the div, attach the
div to the body. Something like:

var body = document.body;
var div = document.createElement('div');
while (body.firstChild) {
div.appendChild(body.firstChild);
}
body.appendChild(div);