js---打印九九乘法表

最新推荐文章于 2023-01-04 19:04:34 发布

ling_kedu

最新推荐文章于 2023-01-04 19:04:34 发布

阅读量221

点赞数

分类专栏：分析总结文章标签： js

本文链接：https://blog.youkuaiyun.com/ling_kedu/article/details/99689646

版权

分析总结专栏收录该内容

22 篇文章

订阅专栏

<style>
        table {
            border-collapse: collapse;
        }
        tr, td {
            border: 1px solid red;
        }
        td {
            padding: 10px 25px;
        }
    </style>


<body>
    <div class="box"></div>
    <script>                    
         var divo = document.querySelector(".box");
        function fn(m) {
            var sun = "<table >";//添加数据表格
            for (var i = 1; i <= m; i++) {//第一次循环
                sun += "<tr>";//追加<tr>
                for (var j = 1; j <= i; j++) {//第二次循环
                    sun += "<td>" + j + "×" + i + "=" + j * i + "</td>";//追加<td></td>
                }
                sun += "</tr>";//追加</tr>
            }
            sun += "</table>";//追加</table>
            divo.innerHTML = sun;//把结果放到div这个盒子中
        }
        fn(9) //调用函数
    </script>
</body>