老师，请检查。看下还有需要改进的地方吗？
来源：2-4 编程练习
慕勒8249319
2020-08-25 18:21:24
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>模版字符串</title>
</head>
<body>
<div class="div1"></div>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script type="text/javascript">
const tmpl = function() {
return {
title: "前端",
data: [{
title: '布局基础',
date: ["html", "css"]
}, {
title: '网页特效',
date: ["javascript", "jquery"]
}, {
title: '框架',
date: ["bootstrap", "vue"]
}]
}
};
const { title , data } = tmpl();
var table = document.createElement('table'),
caption = document.createElement('caption');
caption.innerText=title;
table.prepend(caption);
$('.div1').append(table);
table.border="1";
data.forEach(function(item,index) {
var it = item;
// var arrtr = data.join('');
var arrtd = [];
arrtd.push(`<td>${it.title}</td>`);
for(let p in it.date){
arrtd.push(`<td>${it.date[p]}</td>`);
}
var a = arrtd.join('');
// console.log(tr);
table.innerHTML +=`<tr>${a}</tr>`;
console.log(table);
});
</script>
</body>
</html>
1回答
-
好帮手慕星星
2020-08-25
同学你好，代码实现效果很棒，不需要修改了。继续加油，祝学习愉快！
0
相似问题