码迷,mamicode.com
首页 > Web开发 > 详细

js动态表格

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

标签:pre   动态   hide   color   css   eve   html   add   splay   

 

用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动态表格

标签:pre   动态   hide   color   css   eve   html   add   splay   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!