1、获取div节点
var div = document.getElementById('divid');//获取一个id是divid的div节点,往这个节点中添加p节点
2、动态生成p节点
var p = document.createElement('p');//创建p节点
p.innerHTML = '显示的文字';//p节点显示的文字
3、往div中通过appendChild添加p节点
div.appendChild(p);//往div中添加p节点
可以直接用 document.getElementById("divid").innerHTML = "
内容
";的方式来写。"+array[i]+"
";如果段落过多,直接使用 div.appendChild方法会不段刷新DIV对象,影响运行速度, 正确的方法应该使用 document对象的碎片方法 document.createDocumentFragment 容器,最后再将这些碎片返回给DIV对象比较合理,例如:
var strArrayList=[]; // 创建一个段落文本数组对象,这些段落文本可能是100个也可能是1000个
strArrayList[0]='数据111.......';
strArrayList[1]='数据.......';
strArrayList[2]='数据.......';
strArrayList[3]='数据.......';
strArrayList[4]='数据.......';
//...数据n.....
var div=document.getElementById('div1'); //获得DIV对象
var f=document.createDocumentFragment(); //创建碎片对象
for(var i=0;i
p.appendChild(document.createTextNode(strArrayList[i]));//段落字符串
f.appendChild(p); //附加到碎片对象中
}
div.appendChild(f);//最后返给DIV对象
我知道楼主是什么原因...
楼主应该这样做.....
var p=document.createElement("p");
然后再用appendChild方法把p 元素添加到 div
如果楼主还是解决不了这个问题的话...
请百度HI我!!帮你解决.....
楼主我是来拿分的... 标准的DOM生成节点、插入.