创建文档碎片节点createDocumentFragment()并显示
2014-12-02 09:46
169 查看
<!--创建文档碎片节点createDocumentFragment()并显示,相比附加到文档body上效率更为高,如果要将其插入到document中,需要使用到insertBefore、replaceChild 或appendChild这几个方法来实现--><html> <head> <title>insertBefore() Example</title> <script type="text/javascript" language="javascript"> function addMessages() { var arrText = ["first", "second", "third", "fourth", "fifth", "sixth", "seventh", "eighth", "ninth", "tenth"]; var oFragment = document.createDocumentFragment(); for (var i=0; i < arrText.length; i++) { var oP = document.createElement("p"); var oText = document.createTextNode(arrText[i]); oP.appendChild(oText); oFragment.appendChild(oP); } document.body.appendChild(oFragment);
} </script> </head> <body bgcolor="#CCFFFF" onload="addMessages()">
</body></html>
相关文章推荐
- createDocumentFragment() 创建文档碎片节点
- createDocumentFragment创建文档碎片节点
- JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
- JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
- JS性能优化之创建文档碎片(document.createDocumentFragment)
- JavaScript性能优化--创建文档碎片createDocumentFragment(转)
- JS性能优化之创建文档碎片(document.createDocumentFragment)
- document.createDocumentFragment(文档碎片)
- js创建dom节点之最容易被忽略的createDocumentFragment()方法
- JS性能优化之文档碎片-document.createDocumentFragment
- 使用XmlDocument创建XML文档及增加删除更新节点
- 使用XmlDocument创建XML文档及增加删除更新节点
- javascript Dom: documentFragment 文档碎片对象
- 简单了解文档碎片DocumentFragment的使用
- 【笔记】科普createDocumentFragment() 创建文档碎片节点
- 有关文档碎片(document fragment)的用法
- C#中通过XmlDocument操作Xml文档(新建XML、新增节点、删除节点、显示文档内容)
- DocumentFragment(创建文档碎片节点)
- Javascript基础——利用Dom元素对节点进行创建、插入和删除、文档碎片
- 使用XmlDocument创建XML文档及增加删除更新节点