后来是一技术群问到以下一段代码： 复制代码 代码如下: function html2node(s) { var d = document.createElement('div'); d.innerHTML = s; if (d.childNodes.length == 1) return d.childNodes[0]; var df = document.createDocumentFragment(); while (d.firstChild) df.appendChild(d.firstChild); return df; } 大概的原理都明白，比较困惑的是为什么要用 document.createDocumentFragment 呢？ 后来在网上搜索了一下相关资源才知道，document.createDocumentFragment　是用来创建文档碎片的。 当我们需要大量 appendChild 页面元素时，可以先将这些元素 appendChild 进document.createDocumentFragment。 然后只需 appendChild 文档碎片到页面就可以了。这样就不用多次刷新页面达到性能优化的目的。上面那个代码我觉得用到文档碎片是多余的。

　　推荐阅读

　　JS中onpropertychange和onchange事件区别小结

也就是说：onpropertychange事件在用键盘每改变一下文本框的值或用js改变其值便会触发一下，而onchange只有在用键盘改变其值，然后在失去焦点(onblur)后才触发，用js改变其值不能触发!onpropertychange和onchange都>>>详细阅读

本文标题：初识javascript 文档碎片

地址：http://www.17bianji.com/kaifa2/JS/26056.html

 1/2    1