首页 > Web开发 > 详细

js动态表格

时间:2019-11-04 11:08:17      阅读:66      评论:0      收藏:0      [点我收藏+]

 

用js实现动态增加表格行数。

 

html:

    <table>
        <thead>
            <tr>
                <td>学号</td>
                <td>姓名</td>
                <td>操作</td>
            </tr>
        </thead>
        <tbody id="body"></tbody>
    </table>
    <button onclick="add()">添加一行</button>

 

 css:

 

技术分享图片
1     <style>
2         table{
3             border: solid 1px #000000;
4         }
5         td{
6             width: 100px;
7             border: solid 1px #000000;
8         }
9     </style>
View Code

 

js动态表格

原文:https://www.cnblogs.com/Fourteen-Y/p/11791014.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!