js 乘法表table

徐小志~

于 2024-08-28 17:12:18 发布

阅读量201

点赞数 1

文章标签： javascript 开发语言

本文链接：https://blog.youkuaiyun.com/qq_46561492/article/details/141645152

版权

<body>
    <table id="table-show"></table>
</body>
<script>
    var table = document.getElementById('table-show')
    let row = ''
    for (let i = 1; i <= 9; i++) {
        row += '<tr>'
        for (let j = 1; j <= i; j++) {
            row += `<td>${j} × ${i} = ${j * i}</td>`
        }
        row += '</tr>'
    }
    table.innerHTML = row
</script>
<style>
    table {
        border-collapse: collapse;
    }
    td {
        border: 1px solid #ddd;
        padding: 8px;
    }
</style>

在这里插入图片描述