动态创建标签

来源:互联网 发布:人可以有多色 知乎 编辑:程序博客网 时间:2024/06/11 09:25
  1. 动态的创建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放到需要的位置}
原创粉丝点击