javascript删除行、添加行的实例代码_js表格操作

当前位置：首页 > 脚本编程 > javascript实例 > js表格操作 > 正文

javascript删除行、添加行的实例代码: 发布时间：2020-04-18编辑：脚本学堂

分享二例javascript代码，用js脚本实现动态添加与删除表格中的行，学习下javascript中节点操作的方法，有需要的朋友不妨作个参考。

本节内容：
javascript删除当前行、添加行。

例1，删除行

复制代码代码示例:

<script>   

  function   del(obj)   

  {   

     obj.parentNode.parentNode.removeNode(true);   

  }     

  </script>   

  <body>   

  <table>   

  <tr>

      <td>单元格1</td>

      <td><input   type=button   value="delete   this   row"   onclick="del(this)"></td>

   </tr>  

   <tr>

       <td>单元格2</td>

      <td><input   type=button   value="delete   this   row"   onclick="del(this)"></td>

   </tr> 

    <tr>

       <td>单元格3</td>

      <td><input   type=button   value="delete   this   row"   onclick="del(this)"></td>

   </tr> 

  </table>   

  </body>

例2，添加行

复制代码代码示例:

//得到上一行的td数
var nRows = tbTable.rows[0].cells.length;

   //按上一行的td数循环进行插入td
   for(var i = 0; i < nRows ; i++){
    //创建td对象
    var tdT = document.createElement("TD");
    //给td对象赋值
    //tdT.innerHTML="sfsdf";
    tdT.innerText="sfsdf";
    //把td添加到tr中
    trT.appendChild(tdT);
   }
}
</script>
<table id="tb_test" border="1">
<tr>
<td><input type="text"></td>
</tr>
</table>
<input type="button" onclick="uf_test();" value="增加一行">

上一篇：Js动态增加表格的示例代码
下一篇：JavaScript动态操作表格(添加、删除行与列及单元格)的例子

与 javascript删除行、添加行的实例代码有关的文章

本文标题：javascript删除行、添加行的实例代码
本页链接：http://www.jb200.com/article/13989.html

浏览排行

栏目分类

热点文章

javascript删除行、添加行的实例代码