用JS 循环做一个表格

Posted 大耳朵兔兔兔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用JS 循环做一个表格相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>

<html>

 <head>

<meta charset="utf-8" />

<title></title>

 </head>

 <body>

 </body>

<script type="text/javascript">

//首先设置行,列

var cols = 6; //6列

var rows = 6; //6行

var htmlstr = "<table border=‘1px‘>";

for(i = 1; i <= rows; i++) {

htmlstr += "<tr>";

for(j = 1; j <= cols; j++) {

htmlstr += "<td >" + i + "行" + j + "列" + "</td>";

}

htmlstr += "</tr>";

}

htmlstr += "</table>";

document.write(htmlstr);

</script>

 </html>

以上是关于用JS 循环做一个表格的主要内容,如果未能解决你的问题,请参考以下文章

js如何在表格风显示结果

用JS修饰div做一个用循环的方式做一个正方形,长方形,三角形 如何写?

JS做动态表格

用js实现动态添加表格数据

JS实现合并div单元格

JS怎样让表格每个tr的第一个td按照1,2,3,4,5.....循环排序