<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<style type="text/css">
#tab{
border:1px solid red;
border-collapse: collapse;
}
th,td{
border: 1px solid red;
text-align: center;
}
</style>
<table id="tab" width="200" border="" cellspacing="" cellpadding="">
<thead>
<tr>
<th>学号</th>
<th>姓名</th>
<th>性别</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script type="text/javascript">
var date=[{
stuid:1001,
name:"张三",
sex:"男"
},{
stuid:1002,
name:"李四",
sex:"男"
},{
stuid:1003,
name:"小红",
sex:"女"
}]
window.οnlοad=function(){
for(var i=0;i<date.length;i++){
//console.log(data[i].stuid)
var stuid=date[i].stuid
var name=date[i].name
var sex=date[i].sex
// //创建一个tr标签
var tr=document.createElement("tr")
tr.innerHTML="<td>"+stuid+"</td><td>"+name+"</td><td>"+sex+"</td>"
document.querySelector("tbody").appendChild(tr)
}
}
</script>
</body>
</html>
