Pink老师JavaScript课堂案例 - 动态创建表格

最新推荐文章于 2024-07-19 06:13:09 发布

Codefreyy

最新推荐文章于 2024-07-19 06:13:09 发布

阅读量575

点赞数 1

分类专栏：课程案例文章标签： css3 css 前端

本文链接：https://blog.csdn.net/godfreyyyy/article/details/123493402

版权

for (var k in datum[i]) { //假设i=0，对于datum[0]，遍历其中的属性 /* 注： for (var k in obj) { k得到的是属性名; obj[k]得到的是属性值 } */ var td = document.createElement('td'); // 创建单元格 td.i

摘要由CSDN通过智能技术生成

效果

代码

结构：

<table>
        <thead>
            <tr>
                <th>姓名</th>
                <th>电话</th>
                <th>住址</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>

样式：

  <style>
        table {
            width: 500px;
            margin: 100px auto;
            border-collapse: collapse;
            text-align: center;
        }

        td,
        th {
            border: 1px solid #333;
        }

        thead tr {
            height: 40px;
            background-color: #ccc;
        }
    </style>

生成表格和删除：

最低0.47元/天解锁文章

Codefreyy

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Pink老师JavaScript课堂案例 - 动态创建表格

for (var k in datum[i]) { //假设i=0，对于datum[0]，遍历其中的属性 /* 注： for (var k in obj) { k得到的是属性名; obj[k]得到的是属性值 } */ var td = document.createElement('td'); // 创建单元格 td.i
复制链接

扫一扫