示例: js编程实现表格显示

示例: js编程实现表格显示
1. 静态表格
2. javscript代码显示静态表格
3. 学生数据与表格关联

1. 首先要定义一个空的字符串，然后空的字符串加上需要循环的中间部分
2. 然后头+中间+尾
var str = '<table>' + trStr + '</table>'

var students = [
{ number: '学号', name: '姓名', score: '分数', gender: '性别' },
{ number: 1001, name: 'jack', score: 98, gender: '男' },
{ number: 1002, name: 'rose', score: 95, gender: '女' },
{ number: 1003, name: '小丽', score: 85, gender: '女' },
{ number: 1004, name: 'tom', score: 88, gender: '男' },
]
var trStr = ''
students.forEach(function (item) {
trStr = trStr + `<tr>
<td>${item.number}</td>
<td>${item.name}</td>
<td>${item.score}</td>
<td>${item.gender}</td>
</tr> `
})
var str = '<table>' + trStr + '</table>'
document.write(str)

最后

以上就是花痴大门为你收集整理的示例: js编程实现表格显示的全部内容，希望文章能够帮你解决示例: js编程实现表格显示所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。