如何通过javascript动态添加标签?
可以直接用document.getElementById("divid").innerHTML = "<p>内容</p>";的方式来写。
多个可以循环进行处理。
假设段落文本是个数组：array。
可以通过for (var i = 0; i < array.length;i++) {document.getElementById("divid").innerHTML = "<p>"+array[i]+"</p>";}的方式进行处理。
延展：
如果段落过多,直接使用 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<strArrayList.length;i++){
var p=document.createElement('P'); //动态创建P标签。
p.appendChild(document.createTextNode(strArrayList[i]));//段落字符串。
f.appendChild(p); //附加到碎片对象中。
}
div.appendChild(f);//最后返给DIV对象。
