javascript - 在文档正文内容周围包装一个 div

Question

我正在尝试将文档正文标记的内容动态包装在 DIV 中。到目前为止，我使用了以下代码:

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);