用javascript脚本输出表格

单元格里有0开始的数字。一个用函数循环，另一种用节点。谢谢！... 单元格里有0开始的数字。一个用函数循环，另一种用节点。谢谢！展开

 我来答

1个回答

#热议# 为什么说不要把裤子提到肚脐眼？

百度网友27642d3
2010-05-04 · TA获得超过681个赞

知道小有建树答主

回答量：236

采纳率：0%

帮助的人：356万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<style>
*{margin:0;padding:0;}
table{border-collapse:collapse;}
td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
font-size:11px;
padding: 6px 6px 6px 12px;
color: #4f6b72;
}
</style>

</head>
<body >
<h3>第一种方式</h3>
<script>
document.write("<table style='border:1px solid black'>")
for (var i=0;i<1;i++){
document.write("<tr >")
for (var j=0;j<4;j++){
document.write("<td >"+(i*4+j)+"</td>");
}
document.write("</tr>")
}
document.write("</table>");
</script>
<h3>第二种方式</h3>
<script>
(function createTable() {
var ta = document.createElement("table");
ta.setAttribute("style","border:1px solid black");
ta.insertRow();
ta.rows[0].insertCell();
ta.rows[0].cells[0].appendChild(document.createTextNode("0"));
ta.rows[0].insertCell();
ta.rows[0].cells[1].appendChild(document.createTextNode("1"));
ta.rows[0].insertCell();
ta.rows[0].cells[2].appendChild(document.createTextNode("2"));
ta.rows[0].insertCell();
ta.rows[0].cells[3].appendChild(document.createTextNode("3"));
document.body.appendChild(ta);
})()
</script>
</body >
</html>

本回答由提问者推荐