怎么将第一行设置样式？
来源：2-4 编程练习
alluremyy
2019-04-08 00:58:46
<!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:dataList}=tmpl();
let arr=[];
arr.push(title);
dataList.forEach(function({title,date}){
arr.push(
`
<tr>
<td>${ title }</td>
<td>${ date[0] }</td>
<td>${ date[1] }</td>
</tr>
`
);
})
let tb=document.createElement("table");
tb.innerHTML=arr.join("");
document.body.appendChild(tb);
let td=document.getElementsByTagName("td");
console.log(td)
tb.style.textAlign="center"
for (var i = 0; i < td.length; i++) {
td[i].style.border="1px solid black"
}
</script>
</body>
</html>
1回答
-
你好同学 ，第一行不需要设置样式 ，这样有一点麻烦。建议同学直接使用caption标签设置标题更简单，参考如下修改：
另外，边框样式如下优化：
祝学习愉快 ，望采纳。
0
相似问题