2-4 编程练习
来源：2-4 编程练习
maggiecl
2019-09-17 15:22:48
<!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();
let arr = [];
arr.push(`<caption>${title}</caption>`)
listData.forEach(function({title,date:[data1,data2]}){
arr.push(`<tr>
<td>${title}</td>
<td>${data1}</td>
<td>${data2}</td>
</tr>`);
});
var content = arr.join("");
let table = document.createElement("table");
table.border = "1";
table.innerHTML = content;
document.body.appendChild(table);
</script>
</body>
</html>
这样写可以吗？
1回答
-
你好同学，效果实现的正确，继续加油，祝学习愉快！
0
相似问题