我在《Javascript 动态插入技术》中，就介绍了用innerHTML转换为文档碎片的技术了，这个被各大类库所取用。但事实上，如果我们的字符串没有th,tbody,col等需要通过包装才能动态生成的标签，也没有那个特烦人的script标签，我们在提高性能上还是有许多方法，如insertAdjacentHTML。但想使用insertAdjacentHTML，限制非常多的，如在IE下避开innerHTML为只读的元素，FF需要很高的版本才支持，加之调用对象（如jQuery）的元素往往只能是节点，不能是字符串，因此很多情况下，我们还是先需要把它转换为节点集合，而今天我介绍的是使用createContextualFragment直接将字符串转换为文档碎片！

　　传统的innerHTML方式会产生一个多余的div元素做转换器，然后再使用createDocumentFragment创建一个文档碎片，一个个节点转移上去。如果使用createContextualFragment就可以避免这一步了。

//http://www.cnblogs.com/rubylouvre/archive/2011/04/15/2016800.html
var str = '<div><strong>test</strong></div>';
var range =document.createRange();
range.selectNodeContents(document.documentElement);
var fragment =range.createContextualFragment(str);
document.body.appendChild(fragment);        

        

        
        
      
        
it知识库：高效将字符串转换为文档碎片（JavaScript），转载需保留来源！
        
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。