用javascript删除当前行

最新推荐文章于 2024-05-03 11:08:18 发布
最新推荐文章于 2024-05-03 11:08:18 发布
阅读量2.6k 收藏 1
点赞数
文章标签： javascript button delete function table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c8640/article/details/1606293
版权
<script>  
  function   del(obj)  
  {  
        obj.parentNode.parentNode.removeNode(true);  
  }    
  </script>  
  <body>  
  <table>  
  <tr>
      <td>单元格1</td>
      <td><input   type=button   value="delete   this   row"   οnclick="del(this)"></td>
   </tr> 
   <tr>
       <td>单元格2</td>
      <td><input   type=button   value="delete   this   row"   οnclick="del(this)"></td>
   </tr>
    <tr>
       <td>单元格3</td>
      <td><input   type=button   value="delete   this   row"   οnclick="del(this)"></td>
   </tr>
  </table>  
  </body> 
c8640
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
用javascript删除当前行,添加行(示例代码)
10-26
主要介绍了用javascript删除当前行,添加行的示例代码。需要的朋友可以过来参考下，希望对大家有所帮助
js操作table行
Roriring的博客
03-08 1万+
需求：例如在有些项目中我们需要对table中的行进行动态添加和删除，因为table中的记录数不确定。 点击“+”可以添加一行，点击“删除”可以删除当前行，可以在每一行中添加onclick方法deleteEnumItem进行调用 function deleteEnumItem() { var tab2=document.getElementById("enumTable");//获...
js删除当前单元格所在行
网站开发初中级代码参考-转载
08-16 251
&lt;tr&gt; &lt;td&gt; &lt;input type="button" value="删除" onclick="javascript:this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);" /&gt; &lt;/td&gt; &lt;/tr&a
Js删除table内的某一行
JarryLiu 的专栏
04-08 2931
1 //得到行对象 function getRowObj(obj) { var i = 0; while(obj.tagName.toLowerCase() != "tr"){ obj = obj.parentNode; if(obj.tagName.toLowerCase() == "table")return null; } return obj; } //根据得到的行对象得到所在的行数
基于JavaScript实现一个简单的动态表格，实现添加和删除一行表格的功能
han_han__的博客
09-11 2533
基于JavaScript实现一个简单的动态表格，实现添加和删除一行表格的功能
JavaScript获取表格（table）当前行的值、删除行、增加行
10-24
主要介绍了JavaScript获取表格（table）当前行的值、删除行、增加行,本文直接给出代码示例,需要的朋友可以参考下
JavaScript删除指定子元素代码实例
11-30
原生javascript删除指定子元素代码实例: 本章节介绍一下如何利用原生javascript实现删除指定子元素。 大家都知道使用jquery实现此功能更为方便，不过使用原生的javascript也不麻烦，下面做一下介绍。 关于jquery如何...
JavaScript实现节点的删除与序号重建实例
12-12
这里演示JavaScript节点的删除与重建方法，删除节点后，会自动重新建立节点，序号自动排列，比如删除当前的第3条数据后，第4条的序号会智能变为3，以此类推，保证序号不乱。 运行效果如下图所示： 删除前： 删除后...
JS代码实现：删除表中的一行
kuaixiao0217的博客
04-22 7231
JS代码实现删除表中的一行数据
JS点击删除按钮删除所在的行
热门推荐
peppa_pig的博客
02-26 2万+
 某些时候我们需要将我们输入的信息录入到表格中，并且点击行尾的删除按钮可以删除当前行，下面的代码可以简单实现这个功能。（又是取名荒的一天......） &lt;body&gt; 姓名&lt;input type="text" id="ipt1" /&gt; 性别&lt;input type="text" id="ipt2" /&gt; &lt;i
jquery删除table当前行的实例代码
11-23
jQuery删除当前行，只需传this，即可： </pre><p><tr><td><input type='hidden' name='annex' value="+rs+"> <a href='[removed]void(0);'>"+rs+"</a> <span xss=removed xss=removed>  删除</span></td></tr> </p> <pre code_snippet_id="1684775" snippet_file_name="blog_2
js 操作表格动态添加和删除行
03-30
js 操作表格动态添加和删除行
js 实现 删除表格指定行
03-31
js 实现 删除表格指定行! 值得下载看看!资源免费,大家分享!!
删除当前行
mocangli的博客
07-05 1251
经常会用到从数据库查到的数据要然后要删除其中的一行数据的时候。JS 2行代码搞定。 <td><a href="javascript:void(0)" onclick="del(this)">删除</a></td> function del(node) { var tr1 = node.parentNode.parentNode; tr...
用javascript删除当前行，添加行
teresa502的专栏
03-01 2928
删除行     function   del(obj)     {           obj.parentNode.parentNode.removeNode(true);     }                            单元格1                     单元格2                    单元格3                   
JS中怎么删除table的当前行呢以及如何使表头不滚动内容滚动？
曾小超的博客
02-08 474
要使用事件的event打印在控制台上，来进行调试。 aDelete.onclick = function(event) { console.log(event.path[2]); var flag = window.confirm("确定删除吗"); if (flag) { tbod...
vue快速入门（五十）重定向
最新发布
不起眼小菜菜的博客
05-03 319
注释很详细，直接上代码……
前端点击删除按钮删除当前行
06-10
好的，需要了解你的前端页面是用什么技术实现的。如果你使用的是Vue.js或React.js等现代前端框架，可以通过绑定事件监听器来实现删除功能。在点击删除按钮时，可以触发事件处理函数，通过操作数据模型来删除当前行。 如果你使用的是传统的HTML/CSS/JavaScript技术实现前端页面，可以在删除按钮上绑定点击事件监听器，通过DOM操作找到当前行的元素并删除掉。具体实现方式可以参考以下代码： ```html <table id="myTable"> <tr> <td>行1列1</td> <td>行1列2</td> <td><button onclick="deleteRow(this)">删除</button></td> </tr> <tr> <td>行2列1</td> <td>行2列2</td> <td><button onclick="deleteRow(this)">删除</button></td> </tr> <tr> <td>行3列1</td> <td>行3列2</td> <td><button onclick="deleteRow(this)">删除</button></td> </tr> </table> <script> function deleteRow(btn) { var row = btn.parentNode.parentNode; row.parentNode.removeChild(row); } </script> ``` 在这个例子中，我们给每一行的删除按钮绑定了一个点击事件监听器，并在事件处理函数中通过`parentNode`属性访问到当前行的元素，然后使用`removeChild`方法将其从DOM树中删除。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值