怎么设置样式呢

来源：2-4 编程练习

Victor19950925

2019-07-01 16:51:19

<!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 arr = []
var table = document.createElement("table");
let { title, data } = tmpl()
arr.push(`<caption>${title}</caption>`)
for (let i = 0; i < data.length; i++) {
let { title: title2, date: [num1, num2] } = data[i];
arr.push(`<tr><td>${title2}</td><td>${num1}</td><td>${num2}</td></tr>`)
}
let html = arr.join("")
table.innerHTML = html;
document.body.appendChild(table);
table.style.border="1px solid black"
table.style.fontSize = "30px"




</script>
</body>

</html>

写回答

1回答