var data=[{text:"小A",time:"发表于 2016-06-30 15:30"},{text:"小B",time:"发表于 2016-06-30 15:30"},{text:"小C",time:"发表于 2016-06-30 15:30"},{text:"小D",time:"发表于 2016-06-30 15:30"}];
var muiCard=mui(".mui-card")[0];
for(var item in data){
var newDiv=document.createElement("div");
newDiv.setAttribute("class","mui-card-header mui-card-media");
muiCard.appendChild(newDiv);
var newImg=document.createElement("img");
newImg.setAttribute("src","img/face.jpg");
newDiv.appendChild(newImg);
var newDiv_2=document.createElement("div");
newDiv_2.setAttribute("class","mui-media-body");
newDiv_2.innerText=item.text;
newDiv.appendChild(newDiv_2);
var newP=document.createElement("p");
newP.innerText=item.time;
newDiv_2.appendChild(newP);
var newDiv_3=document.createElement("div");
newDiv_3.setAttribute("class","mui-card-content");
muiCard.appendChild(newDiv_3);
var newImg_2=document.createElement("img");
newImg_2.style.width="100%";
newImg_2.setAttribute("src","../images/yuantiao.jpg");
newDiv_3.appendChild(newImg_2);
}
以上代码是随手写的一个例子,楼主可以看下。我写的data变量中的text和time,对应你给的代码中的“小M”和“发表于 2016-06-30 15:30”,其它比如图片如何动态生成,可以举一反三。