<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
}
</style>
</head>
<body>
</body>
<script>
var z =["学号","姓名","年龄","籍贯","电话","地址","紧急联系人","操作"];
var dk =[
["001","林欣","23","四川","110","成都","基尼太美","删除"],
["001","林欣","23","四川","110","成都","基尼太美","删除"],
["001","林欣","23","四川","110","成都","基尼太美","删除"],
["001","林欣","23","四川","110","成都","基尼太美","删除"],
["001","林欣","23","四川","110","成都","基尼太美","删除"]
]
document.write("<table>");
document.write("<tr>")
for(a in z){
document.write("<th>")
document.write(z[a]);
console.log(z[a]);
document.write("</th>")
}
document.write("</tr>")
for (b in dk){
document.write("<tr>")
for(bb in dk[b]){
document.write("<td>")
document.write(dk[b][bb]);
console.log(dk[b][bb]);
document.write("</td>")
}
document.write("<br>")
document.write("</tr>")
}
document.write("</table>");
document.write("<style>");
document.write("table{ height: 300px; border: 1px solid red; cellspacing:'0';}")
document.write("td{ width: 100px; height: 30px; border: 1px solid red; text-align:center;}")
document.write("th{ width: 100px; height: 30px; border: 1px solid red;}")
document.write("</style>");
</script>
</html>
用js实现表格
最新推荐文章于 2024-05-03 16:02:30 发布