表格制作案例相关细节

tbody部分代码如下:

其中datas是一个一维数组,每一个数组项是一个对象形式,for-in遍历了data[i]对象项,K取出了对象的键值

var datas = [        
    {"name": "张三1", "subject": "语文1", "score": 99.8},
    {"name": "张三2", "subject": "语文2", "score": 80.8},
    {"name": "张三3", "subject": "语文3", "score": 70.8},
    {"name": "张三4", "subject": "语文4", "score": 100},
    {"name": "张三5", "subject": "语文5", "score": 60},
    {"name": "张三6", "subject": "语文6", "score": 70},
    {"name": "张三7", "subject": "语文7", "score": 89.8}
  ];

for (i = 0; i < datas.length; i++) {
    // 创建tr
    var tr = document.createElement('tr');
    body.appendChild(tr);
    // 根据datas[i]的属性个数创建td
    for (var k in datas[i]) {
      var td = document.createElement('td');
      tr.appendChild(td);
      td.innerText = datas[i][k];
    }

  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值