效果图
<body>
<table>
<thead>
<tr>
<td>学号</td>
<td>姓名</td>
<td>成绩</td>
</tr>
</thead>
<tbody id="conent">
</tbody>
</table>
<script>
//后台数据库返回的数据，我们建一个数组存放 用数组方便遍历 取值
var data = [
{
"id" : "001",
"name" : "阿飞", //数组第一位
"mark" : "88"
},
{
"id" : "002",
"name" : "阿里", //数组第二位
"mark" : "98"
},
{
"id" : "003",
"name" : "二狗", //数组第三位
"mark" : "60"
},
{
"id" : "004",
"name" : "狗蛋", //数组第四位
"mark" : "20"
},
{
"id" : "005",
"name" : "二逼", //数组第五位
"mark" : "100"
}
];
var oCent = document.getElementById( 'conent' );
var str = ''; //定义一个str用来放在
for ( var i=0 ; i<data.length ; i++ ){
str += "<tr><td>" + data[i].id + "</td><td>" + data[i].name + "</td><td>" + data[i].mark + "</td></tr>";
}
oCent.innerTHML = str;
</script>
</body>
data[0] 数组第一位：
{
"id" : "001",
"name" : "阿飞", //数组第一位
"mark" : "88"
}
data[0].id取到对象下面的 id
data[0].name取到对象下面的 name
网友评论