创建文档碎片节点createDocumentFragment()并显示
来源:互联网 发布:印度英语的特点知乎 编辑:程序博客网 时间:2024/06/02 01:19
<!--创建文档碎片节点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>
0 0
- 创建文档碎片节点createDocumentFragment()并显示
- JS性能优化之创建文档碎片(document.createDocumentFragment)
- DocumentFragment(创建文档碎片节点)
- JS性能优化之文档碎片-document.createDocumentFragment
- js创建文档碎片
- Javascript基础——利用Dom元素对节点进行创建、插入和删除、文档碎片
- js创建dom节点之最容易被忽略的createDocumentFragment()方法
- 《JavaScript学习笔记》:DOM_添加节点、删除节点、文档碎片
- JS性能优化之文档碎片创建
- createDocumentFragment
- DOM创建并添加节点
- 创建并显示视图
- CTreeCtrl 右键选中节点并显示菜单
- treeView 加载子节点并显示加号
- CTreeCtrl 右键选中节点并显示菜单
- RabbitMQ: 批量创建节点并组成集群
- 设备驱动-----debugfs创建节点并读写
- 使用文档碎片样式
- JS之动态显示年月日
- JS之确定提交事件
- (转)使用XMLHTTP获取XML文档并生成XMLDOM
- 通过createElement(),createTextNode),appendChild()方法来显示文字
- (转)document.createDocumentFragment()与js效率
- 创建文档碎片节点createDocumentFragment()并显示
- JS之不断点击按钮来改变层的颜色
- 通过鼠标的移动来实现层的隐藏与显示
- JS之更新层内容测试
- XML+DOM将元素的数据依次插入到表格中
- XML+XSL在表格中显示数据的主要程序
- 异步检测用户名是否存在的一个案例
- 用dtable显示并清除以前的结果
- 你不知道的 HTTP