麻烦老师看看怎么改？
来源：2-4 编程练习
随心无憾
2019-09-18 19:09:58
<!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"]
}]
}
}
// 补充代码
let {title} = tmpl();
let arr = [];
arr.push(title);
let {data} = tmpl();
data.forEach(function(item,index){
let {title,date} = item;
let [date1,date2] = date;
let td= `<tr><td>${title}</td><td>${date1}</td><td>${date2}</td></tr>`
arr.push(td);
})
let tab = document.createElement('table');
let str = arr.join("");
tab.innerHTML = str;
document.body.appendChild(tab);
$('table td').css({
border:'1px solid #333'
});
$('table').css({
border:'1px solid #333'
})
</script>
</body>
</html>
1回答
-
你好同学，表格的大标题使用caption标签更规范，如下修改即可：
祝学习愉快，望采纳。
0
相似问题