js同时给三个div添加图片

您好，要在javascript中给三个div添加图片，可以使用以下步骤：

1. 使用document.getElementById()方法获取到每个div元素，并将其存储在变量中；

2. 使用document.createElement()方法创建一个img元素，并将其存储在变量中；

3. 使用img元素的src属性设置图片的路径；

4. 使用appendChild()方法将img元素添加到每个div元素中。

以上就是在javascript中给三个div添加图片的方法，希望能够帮助您解决问题。

<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>

---