为什么显示不出来
来源:2-4 编程练习
慕仔2174320
2019-09-02 22:15:28
<!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} = tmpl();
var arr = [];
arr.push(`<caption>${title}</caption>`)
data.forEach(function(item){
arr.push = `<tr><td>${item.title}</td><td>${item.date[0]}</td><td>${item.date[1]}</td></tr>`
})
var table = document.createElement('table');
table.style.border = '1px solid #fff';
table.innerHTML = arr.join('');
document.body.appendChild(table);
</script>
</body>
</html>
1回答
好帮手慕言
2019-09-03
同学你好,如果以下面的这种写法,push会作为arr的一个属性,
可以打印一下:
可以声明一个变量用来存放内容,然后放到数组里面。
可以打印一下看控制台:
给table标签添加一个边框。
页面效果:
如果帮助到了你,欢迎采纳~祝学习愉快~
相似问题