<table>
<thead>
<tr>
<th>姓名</th>
<th>科目</th>
<th>成绩</th>
<th>操作</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script>
let datas = [{
name: '周子舒',
subject: 'javascript',
score: 89
}, {
name: '温客行',
subject: 'javascript',
score: 95
}, {
name: '大巫',
subject: 'javascript',
score: 97
}, {
name: '七爷',
subject: 'javascript',
score: 83
}];
let tbody = document.querySelector('tbody');
for (let i = 0; i < datas.length; i++) {
let tr = document.createElement('tr');
tbody.appendChild(tr);
for (let k in datas[i]) {
let td = document.createElement('td');
// console.log(dates[i][k]);
td.innerHTML = datas[i][k];
tr.appendChild(td);
}
let td = document.createElement('td');
td.innerHTML = '<a href="javascript:;">删除</a>';
tr.appendChild(td);
}
let as = document.querySelectorAll('a');
for (let i = 0; i < as.length; i++) {
as[i].onclick = function() {
tbody.removeChild(this.parentNode.parentNode)
}
}
</script>