在文档正文内容周围包裹div

Question

我试图在DIV中动态包装文档的body标签的内容.到目前为止,我使用了以下代码:

document.body.innerHTML = '<div id="wrap">' + document.body.innerHTML + '</div>';

这是有效的,但有不必要的副作用,同一页面上的其他脚本停止工作(我假设因为更改innerHTML呈现任何对象引用,他们可能已经无用).

使用纯JavaScript或Prototype框架,实现这一目标并保持参考完整的最佳/最有效方法是什么？

Answer 1

你会做的事情如下:

var div = document.createElement("div");
div.id = "wrap";

// Move the body's children into this wrapper
while (document.body.firstChild)
{
    div.appendChild(document.body.firstChild);
}

// Append the wrapper to the body
document.body.appendChild(div);