您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例

javascript动态创建html

发布时间：2016-12-31 15:29:16编辑：雪饮阅读（）

 javascript动态创建html

$.ajax({
                 url:'/e/member/cp/index2.php',
                 data:{data1:'aaa',data2:'bbb'},
                 type:'post',
                 cache:false,
                 dataType:'json',
                 success:function(data){
for(var i=0;i<data.length;i++){
var img=document.createElement('img');
img.setAttribute("data-original","");
img.setAttribute("alt",data[i].username);
img.src=data[i].userpic;
var imgspan=document.createElement("span");
imgspan.setAttribute("class","img");
imgspan.appendChild(img);
var span2=document.createElement('span');
var text2=document.createTextNode(data[i].username);
span2.setAttribute("class","tit");
span2.appendChild(text2);
var span3=document.createElement("span");
var text3=document.createTextNode(data[i].userfen);
span3.setAttribute("class","jifen");
span3.appendChild(text3);
var a=document.createElement('a');
var url="/e/space/?userid="+data[i].userid;
a.setAttribute("href",url);
a.setAttribute("target","_blank");
a.appendChild(imgspan);
a.appendChild(span2);
a.appendChild(span3);
var li=document.createElement('li');
li.appendChild(a);
document.getElementById("jifenb").appendChild(li);
}
                 }
                 });