如何在纯javascript中实现jQuery的.wrapInner()函数？

Question

我正在用普通的javascript做一个书签，我想把站点的所有原始正文内容包装在一个div中，这样我就可以把这些内容从我添加的内容中分离出来……

在我的场景中，我试图添加一个固定的、垂直的、全宽的导航，但我想在其余的内容中添加填充。

谢谢!

Answer 1

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

while(document.body.firstChild)
    div.appendChild(document.body.firstChild);

document.body.appendChild(div);

或

var div = document.body.appendChild(document.createElement("div"));

while(document.body.firstChild !== div)
    div.appendChild(document.body.firstChild);

当然，您可以将它们转换为一个函数，方法是将父容器或所需的容器作为节点名称或节点进行传递。

function wrapInner(parent, wrapper) {
    if (typeof wrapper === "string")
        wrapper = document.createElement(wrapper);

    var div = parent.appendChild(wrapper);

    while(parent.firstChild !== wrapper)
        wrapper.appendChild(parent.firstChild);
}

然后

wrapInner(document.body, "div");

Answer 2

我猜可能是：

var dv = document.createElement('div');
var body = document.getElementsByTagName('body')[0];
var elements = body.childNodes;
for(var i = 0; i < elements.length; i++)
{
     dv.appendChild(elements[i]);
}
body.appendChild(dv);