表格动态增加行删除行

最新推荐文章于 2023-06-20 11:48:59 发布

mg2009

最新推荐文章于 2023-06-20 11:48:59 发布

阅读量344

点赞数

分类专栏： JSP技术文章标签： button function table border delete input

本文链接：https://blog.csdn.net/mg2009/article/details/5667704

版权

JSP技术专栏收录该内容

8 篇文章 0 订阅

订阅专栏

没什么好说的，直接看代码吧！

<html>
<head>
     <script type="text/javascript">
          function test(){
             var row = table.insertRow(1);//表示在第几行插入
             var col = row.insertCell(0);//表示插入第几列，可以插入多列
             col.innerHTML = "22";//也可以是<input type="button" value="aa" />
             row.setAttribute("id","id_2");
           }

           function test1(){
              table.deleteRow(0);//删除行，可以选择任意列！
           }
     </script>
</head>
<body>
     <table id="table" border="1">
       <tr id="id_1"><td>1</td></tr>
     </table>
<input type="button" value="add" οnclick="test();" />
<input type="button" value="delete" οnclick="test1();" />
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

mg2009

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表格动态增加行删除行

<br /> 没什么好说的，直接看代码吧！<br /><html><br /> <head><br /> <script type="text/javascript"><br /> function test(){<br /> var row = table.insertRow(1);//表示在第几行插入<br /> var col = row.insertCell(0);//表示插入第几列，可以插入多列<br />
复制链接

扫一扫