Question

纯js在网页中渲染一个列表,列表中的数据用js定义一个数组,存储在数组中,至少要有两个字段,例如:

纯js在网页中渲染一个列表,列表中的数据用js定义一个数组,存储在数组中,至少要有两个字段,例如:请大神帮帮忙了。。。

Answer 1

var data = [
{"id":"1","text":"姓名1"},

{"id":"2","text":"姓名2"}
]
var html = [];
html.push("<ul>")
for(var i=0,len=data.length;i<len;i++){
html.push("<li id="+data[i].id+">"+data[i].text+"</li>");
}
html.push("</ul>");
document.body.innerHTML = html.join("");

追问

可以把HTML也写写吗

追答

TEST

function createUI(){
var data = [
{"id":"1","text":"姓名1"},

{"id":"2","text":"姓名2"}
]
var html = [];
html.push("")
for(var i=0,len=data.length;i"+data[i].text+"");
}
html.push("");
document.body.innerHTML = html.join("");
}

window.onload = function(){
createUI();
}