动态的创建div并在div中包含一个图片的标签并为他们添加属性 for(var i =0;i<msg.length;i++){ var Odiv = document.createElement("div");//创建div Odiv.className ="jizhan";//设置div的className Odiv.div = "hehe"//创建div的id Odiv.style.cssText="position:absolute;z-index: 999;width:15%;height: 20%;"; //设置div的样式属性 Odiv.style.top= y; Odiv.style.left= x; var Img = document.createElement("img");//创建img Img.id = "jizhan"+ msg[i].bs_id;//创建img的id Img.src = "static/img/userContrail/basestation.gif";//创建img的src属性 Img.style.cssText = "position:absolute;width: 12%;height: 10%;top:45%;left: 44%;"; //设置img的样式属性 Odiv.appendChild(Img);//将img添加到div中 lm_test.appendChild(Odiv);//将div放到需要的位置 }