javascript - 创建一个临时容器并将所有正文内容附加到该容器

Question

我试图用JavaScript（没有库）做的是创建一个片段，将正文的所有内容附加到该片段中：

var _fragment = document.createDocumentFragment(),
    _children = document.body.childNodes;

for( var i=0,_clen=_children.length; i<_clen; i++ ) {
    _fragment.appendChild( _children[i] );
}

由于某种原因，这似乎不起作用。

最好的，快速的

- - - - - - - 编辑 - - - - - - -

我添加了一个检查以查看该节点是否未定义并且它是否有效。

for( var i=0,_clen=_children.length; i<_clen; i++ ) {
    if( _children[i] !== undefined ) {
        _fragment.appendChild( _children[i] );
    }
}

感谢各位的回复！

迅速

Answer 1

那这个呢：

var body = document.querySelector("body");
var bodyContent = body.innerHTML;
var newElement = document.createElement("DIV");
newElement.innerHTML = bodyContent;

// adding the new element to the body
body.appendChild(newElement);

演示http://jsfiddle.net/krasimir/Dh3Q3/