html 动态生成

 1      function func_creatediv(item, index, input) {
 2             var ip = document.createElement("div");
 3             ip.name = "feed-element";
 4             ip.id = "feed-element";
 5             document.getElementById('children').appendChild(ip);
 6             //ip.innerHTML = item.CHILDNAME;
 7             var p = document.createElement("p");//添加一行--
 8             ip.appendChild(p); 
 9 
10             var ipdiv = document.createElement("div");//添加一行
11             ipdiv.className = "row";
12             ip.appendChild(ipdiv);
13 
14             var lab1 = document.createElement("div");//1/3行内元素
15             lab1.innerHTML = item.CHILDNAME;
16             lab1.className = "col-sm-3";
17             ipdiv.appendChild(lab1);
18 
19             var lab2 = document.createElement("div");
20             lab2.className = "col-sm-3";
21             lab2.innerHTML = item.CHILDSEX;
22             ipdiv.appendChild(lab2);41 50 
61         }

 2.总结

1. 获取相关的元素对象
 var ip = document.createElement("div");
  
2. 创建要添加的元素
var p = document.createElement("p");//添加

3. 对象中添加元素
 ip.appendChild(p); 

原文地址:https://www.cnblogs.com/leolzi/p/7927246.html