Question

js动态创建多个div

如何才能用js 动态创建多个div的标签呢 比如php返回7个数组 创建7个这样的标签 。 麻烦各位啦 谢谢

<div class="p-l-20 p-r-20 p-b-10 p-t-10 b-b b-grey">
<div class="pull-left">
<p class="text-important">PHP返回值</p>
<p class="text-black">PHP返回</p>
</div>
<div class="pull-right">
<p class="text-black">PHP返回</p>
<span class="label label-success" style="vertical-align: bottom;" >PHP返回</span>
</div>
<div class="clearfix"></div>
</div>

Answer 1

<div id="abc"></div>
<script>
//你也没说一下php返回的数据结构究竟是怎样的。我假定是下面这样的:
var res=[
    {a:1,b:2,c:23,d:34},
    {a:231,b:2,c:39,d:14},
    {a:1,b:2,c:453,d:784},
    {a:981,b:1221,c:33,d:124},
    {a:1,b:2,c:334,d:41243},
    {a:12341,b:2,c:563,d:47},
    {a:5121,b:1232,c:433,d:24}
];
document.getElementById("abc").innerHTML=res.map(function(o){
    var html="";
    html+='<div class="p-l-20 p-r-20 p-b-10 p-t-10 b-b b-grey">';
    html+='<div class="pull-left">';
    html+='<p class="text-important">'+o.a+'</p>';
    html+='<p class="text-black">'+o.b+'</p>';
    html+='</div>';
    html+='<div class="pull-right">';
    html+='<p class="text-black">'+o.c+'</p>';
    html+='<span class="label label-success" style="vertical-align: bottom;" >'+o.d+'</span>';
    html+='</div>';
    html+='<div class="clearfix"></div>';
    html+='</div>';
    return html;
}).join("");
</script>

追问

为啥运行起来什么都没有
返回值是 var hq_str_sh601006="大秦铁路,8.970,8.980,9.010,9.040,8.920,9.010,9.020,20529568,184450443.000,16900,9.010,73812,9.000,186600,8.990,141400,8.980,71200,8.970,555740,9.020,173500,9.030,429100,9.040,920100,9.050,210900,9.060,2018-08-24,15:00:00,00";

这种类型的 只需要四个 601006 大秦铁路 8.970 8.980

Answer 2

var Shu =7;
for (i=0;i<Shu;i++){
var objdiv = document.createElement("div");
objdiv .innerHTML = i+1;
document.body.appendChild(objdiv );
}

追问

这个不行