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

时间:2013-09-19 20:20:06

标签: javascript fragment appendchild

我试图用 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] );
    }
}

感谢回复人员!

迅速

1 个答案:

答案 0 :(得分:0)

这个怎么样:

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

demo http://jsfiddle.net/krasimir/Dh3Q3/