原生js中怎么往已有数据的ul中插入新的十条数据

• 可以直接用document.getElementById("divid").innerHTML = "

  内容

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