用函数任意自动生成多行多列表格

最新推荐文章于 2026-06-24 14:11:42 发布

原创最新推荐文章于 2026-06-24 14:11:42 发布 · 781 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端 #javascript #开发语言

收录于

javascript 专栏收录该内容

57 篇文章

订阅专栏

<style>
        td {
            width: 100px;
            height: 100px;
            border: 1px solid;
        }
    </style>
</head>

<body>
    <script>
        //用函数自动生成表格
        //row为行
        //col为列
        function tab(row, col) {
            var str = `<table>`;
            for (var i = 0; i < row; i++) {
                str += `<tr>`;
                for (var j = 0; j < col; j++) {
                    str += `<td></td>`;
                }
                str += `</tr>`
            }
            str += `</table>`;
            document.write(str);
        }
        tab(Number(prompt('生成几行')), Number(prompt('生成几列')));
    </script>
</body>