表格制作案例相关细节

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];
    }

  }

你可能感兴趣的:(表格制作案例相关细节)