点击删除1

已于 2023-12-22 10:27:04 修改
阅读量834 收藏 14
点赞数 18
文章标签： javascript
于 2023-12-22 09:40:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45730641/article/details/135145685
版权 
<!DOCTYPE html>
<html>
  <head>
    <title>表格删除行</title>
    <style>
      table {
        border-collapse: collapse;
      }

      th,
      td {
        border: 1px solid black;
        padding: 8px;
      }
      th {
        background-color: greenyellow;
      }
      .delete-link {
        color: blue;
        text-decoration: underline;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <table id="myTable">
      <tr>
        <th>姓名</th>
        <th>科目</th>
        <th>成绩</th>
        <th>操作</th>
      </tr>
      <tr>
        <td>张三</td>
        <td>JavaScript</td>
        <td>100</td>
        <td><a class="delete-link" onclick="deleteRow(this)">删除</a></td>
      </tr>
      <tr>
        <td>李四</td>
        <td>JavaScript</td>
        <td>90</td>
        <td><a class="delete-link" onclick="deleteRow(this)">删除</a></td>
      </tr>
      <tr>
        <td>刘五</td>
        <td>JavaScript</td>
        <td>90</td>
        <td><a class="delete-link" onclick="deleteRow(this)">删除</a></td>
      </tr>
    </table>

    <script>
      function deleteRow(link) {
        var row = link.parentNode.parentNode;
        row.parentNode.removeChild(row);
      }
    </script>
  </body>
</html>
S_戒酒大师
关注
  • 18
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
双击桌面计算机删除,笔记本电脑点击图标自动删除怎么办
weixin_42558758的博客
06-21 2万+
1. 笔记本电脑,点击桌面图标,图标自动删除,是怎么回事原因：电脑设置的问题。1、首先按下快捷键“Windows+R”，打开运行的窗口。2、然后在出现的运行窗口中，点击输入命令“gpedit.msc”，回车确定。3、然后在弹出来的窗口中，点击打开用户配置菜单栏中的“管理模板”。4、然后在弹出来的菜单栏中点击“桌面”选项。5、然后在右侧窗口中，双击打开“从桌面删除回收站”。6、然后点击选择“已...
计算机一点桌面显示删除,电脑开机后任意点击桌面图标后不停出现删除文件窗口？...
weixin_28890693的博客
06-15 1万+
电脑开机后任意点击桌面图标后不停出现删除文件窗口？以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！电脑开机后任意点击桌面图标后不停出现删除文件窗口？出现该类状况，建议采用如下方法修复故障：1、由于非正常关机导致的系统文件丢失造成的该现象。处理方法：系统还原，“开始”/“程序”/“附件”/“系统工具”/“系统还原”，点选“...
vue 点击删除常用方式
阿威的博客
09-03 1万+
【代码】vue 点击删除常用方式。
点击删除按钮删除一行数据html,JS ：点击按钮table增加一行，删除一行
weixin_31281003的博客
06-07 4406
String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>update_data.jsp//给table增加一行function addTableRow() {...
js取消 删除点击事件
h0713的博客
06-28 6281
用js赋予点击事件 var redone=document.getElementById("gd2_3"); redone.addEventListener('click',canbeclick,true); function canbeclick(){ alert("啊，好爽啊!"); } 用js取消/删除点击事件 redone.removeEventListener('click',canbeclick,true); 上面代码亲测有效。 因为看到网上有将redone.οnclick=
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点击删除按钮，删除当前div
前端开发中遇到的问题
07-30 3058
现在有多行div，共用一个删除事件，点击删除的时候，会把页面所有的div全部删掉，但我只需要点击哪一行div里面的删除按钮，就删除哪一行。 参考代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&g...
jquery点击删除按钮,删除当前的div
祈澈菇凉
07-04 9405
现在有多行div，共用一个删除事件，点击删除的时候，会把页面所有的div全都删掉了，但是我只需要点击哪一行div里面的删除按钮，就删除哪一行，其实很简单，只需要写一个this事件即可。 参考代码如下： <!DOCTYPE html> <html lang="en"> <head> ...
Android ListView 点击按钮删除对应的 item
will_han 的专栏
07-11 1万+
今天遇到一个点击item 中按钮删除对应的item的需求，那么问题来了，按钮在Adapter 视图中，按理说点击事件如果在Adapter中实现的话会无法调用自身listView 刷新数据源的方法，好了不多说了，先上效果： 其实我的实现方法就是把删除按钮的点击事件放在对应的Activity中实现，那么问题又来了，我们怎么知道点击的是哪个item中的按钮？后来我发现一个神奇的东西 tag ,
vue里面点击删除获取具体id，进行删除这个功能
qq_54030660的博客
01-12 2877
vue里面点击删除获取具体id，进行删除这个功能
jQuery点击删除项目弹性动画
06-24
jQuery点击删除项目弹性动画是一款基于DomLastic.js弹性动画插件制作的，通过管理一组DOM元素，制作酷炫的弹性动画特效。
点击移动删除特效特效代码
03-20
点击移动删除特效是一款可以拖放调整大小的网格插件Gridly，拖动改变网格间的顺序，删除网格后后进行重新布局。
jQuery实现点击该行即可删除HTML表格行
10-25
在网页开发中，jQuery是一个非常流行且功能强大的...总的来说，jQuery提供了一种简单直观的方式来实现HTML表格的动态交互，如点击删除行。通过理解和运用jQuery的API，开发者可以轻松地创建出丰富多样的网页交互效果。
点击添加input可删除.zip
09-10
点击添加按钮，input无限增加，可点击删除
GridView点击删除单个Item
12-11
在点击编辑按钮后，GridView每一项显示删除按钮，点击删除按钮删除相应项，点击完成，删除按钮隐藏，回复初始状态。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 639
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
HTML入门教程：深度解析HTML，开启你的前端技术之旅
zhangwenok的博客
06-14 1379
HTML（HyperText Markup Language，超文本标记语言）是前端开发的基础，它负责构建网页的结构和内容。作为前端技术栈的基石，HTML的掌握程度直接影响到网页的开发效率和用户体验。本教程将带你从零开始，逐步深入了解HTML的各个方面，帮助你打下坚实的前端技术基础。HTML是一种用于创建网页的标准标记语言，它通过一系列的元素（elements）和标签（tags）来定义网页的结构和内容。HTML文档由一系列的元素组成，这些元素通过标签来标识。
（Javascript）AI数字人mp4转canvas播放并去除背景绿幕
lx_nhs的博客
06-12 512
去除前：去除后： 3、可能会出现的报错 （1）视频路径跨域问题：解决：vue开启代理
盲盒App开发时有哪些技术框架可以借鉴
最新发布
bytekj的博客
06-14 586
在开发盲盒App时，可以根据项目需求和团队技术栈选择合适的技术框架。前端可以选择微信小程序框架、React Native或Vue.js等；后端可以选择Node.js或Spring Boot等；数据库可以选择MySQL或MongoDB等。同时，还需要考虑缓存、消息队列、支付和物流接口等其他技术来完善应用的功能和性能。
QAbstractTableModel点击删除
06-13
您可以通过重载QAbstractTableModel类的removeRows()函数来实现删除选定行的功能。该函数接收两个参数：要删除的第一行的索引和要删除的行数。这个函数应该返回true如果删除操作成功，否则返回false。 下面是一个示例代码： ```cpp bool MyTableModel::removeRows(int row, int count, const QModelIndex &parent) { beginRemoveRows(parent, row, row + count - 1); for (int i = 0; i < count; i++) { m_data.removeAt(row); } endRemoveRows(); return true; } ``` 在上面的代码中，m_data是一个包含所有数据的数据结构。在beginRemoveRows()和endRemoveRows()之间，我们使用removeAt()函数从m_data中删除指定的行。这将自动更新表格视图中的行数和数据。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值