javascript – 围绕文档正文内容包装div

前端之家收集整理的这篇文章主要介绍了javascript – 围绕文档正文内容包装div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在DIV中动态包装文档的body标签内容.到目前为止,我使用了以下代码
document.body.innerHTML = '<div id="wrap">' + document.body.innerHTML + '</div>';

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

使用纯JavaScript或Prototype框架,实现此目的并保持引用完整的最佳/最有效方法是什么?

解决方法

你会做的事情如下:
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);

猜你在找的JavaScript相关文章