老师为什么老报tmp1 is not defined的错啊？
来源：2-4 编程练习
慕斯卡3605978
2020-04-01 18:17:51
<!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();
let arr = [];
arr.push(
`
<caption>${title}</caption>
`
);
data.forEach(function({title,date:[data1,data2]}){
arr.push(
`
<tr>
<td>${title}</td>
<td>${data1}</td>
<td>${data2}</td>
</tr>
`
)
})
const table = document.createElement('table');
table.innerHTML = arr.join('');
table.style.border = '1 px solid';
document.body.appendChild(table);
</script>
</body>
</html>
3回答
-
同学你好，两者的区别如下：
table.style.border="1px solid black"只会给table表格添加边框，效果如下：
老师第一次测试同学的代码没有边框，是因为1和px之间存在空格，导致效果不对。
table.border="1px"是直接在table表格上设置border属性，会给每个单元格应用边框，并用边框围绕表格。
同学可以测试理解下，祝学习愉快~
0 -
慕斯卡3605978
提问者
2020-04-01
忘了保存代码了，哈哈。
还有就是table.style.border="1px solid black"与table.border="1px"为什么结果不一样啊，他们有什么区别吗？
0 -
好帮手慕慕子
2020-04-01
同学你好，老师测试同学粘贴的代码，没有出现报错，如下所示
表格缺少边框，建议：直接给表格设置border即可
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题