通过JS增加节点来增加内容2
2009-08-29 22:32
246 查看
<html>
<head>
<title>insertBefore() Example</title>
<script type="text/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 onload="addMessages()">
</body>
</html>
<head>
<title>insertBefore() Example</title>
<script type="text/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 onload="addMessages()">
</body>
</html>
相关文章推荐
- 通过JS增加节点来增加内容到原内容之后
- 通过JS增加节点来增加内容到原内容之前
- 通过JS给HTML元素增加、删除和获取属性内容
- JS动态增加删除UL节点LI及相关内容
- JS动态增加删除UL节点LI及相关内容示例
- JS动态增加删除UL节点LI及相关内容示例
- JS动态增加删除UL节点LI及相关内容
- js 根据节点增加ul列表li内容
- JS获取中文拼音首字母,并通过拼音首字母高速查找页面内的中文内容
- 通过js简单实现将一个文本内容转译成加密文本
- js通过内容首字母对模块排序
- 通过js增加select的值
- ireport报表制作, 通过节点、产品类型来判断,当该节点审核通过之后,报表相对应的审核意见及签名 显示相对应的内容
- JS学习笔记(三):HTML通过ajax请求获取并显示php中的内容
- 通过js判断输入框的内容是否为空时,应该注意的一点
- 小胖说事36----iOS通过js 获取webview中的html内容
- JS的节点操作:创建、增加、删除、复制、查找
- js动态创建table节点并通过appendChild拼接子元素的问题
- 通过js实现单击或双击直接修改内容