表格渲染

最新推荐文章于 2023-02-01 15:45:39 发布

小宇宙chris_310

最新推荐文章于 2023-02-01 15:45:39 发布

阅读量148

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_38796823/article/details/85148766

版权

javascript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<body>
<table border="1">
    <thead>
    <tr>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
    </tr>
    </thead>
    <tbody class="content">

    </tbody>
</table>
</body>
<script>
    var stu = [{name: "张一", sex: "男", age: 18},
        {name: "王平", sex: "男", age: 19},
        {name: "张言", sex: "女", age: 20}]

    let myBody = document.querySelector('.content');
    for (let i = 0; i < stu.length; i++) {
        myBody.innerHTML += `
                <tr>
                    <td>${stu[i].name}</td>
                    <td>${stu[i].sex}</td>
                    <td>${stu[i].age}</td>
                 </tr>
        `;
    }
</script>

优惠劵

小宇宙chris_310

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表格渲染

&lt;body&gt;&lt;table border="1"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;姓名&lt;/th&gt; &lt;th&gt;性别&lt;/th&gt; &lt;th&gt;年龄&lt;/th&gt
复制链接

扫一扫