中途出现了问题 参考了下 搞定了 ┭┮﹏┭┮
来源：2-4 编程练习
Rain_2020
2020-03-30 15:46:04
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>模版字符串</title>
</head>
<body>
<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:listData} = tmpl();
// console.log(listData);
let arr = [];
arr.push(`<caption> ${title}</caption>`);
listData.forEach(function({title:titie1,date}){
let str = `
<tr>
<td>${titie1}</td>
<td>${date[0]}</td>
<td>${date[1]}</td>
</tr>
`;
arr.push(str);
})
let table1 = document.createElement('table');
table1.innerHTML = arr.join('');
table1.border = '1px';
document.body.appendChild(table1);
</script>
</body>
</html>
1回答
-
同学你好，代码实现的正确。在初学阶段，能够仿照别人的完成已经很棒了。老师给你一个小建议，在平时看视频的时候，把视频中的代码多练习几遍。如果有不懂的，就在问答区提问，老师会为你解答。只要多下功夫练习，慢慢的就能提升了哦。加油 !
祝学习愉快 ~
1h020-03-30
相似问题