JavaScript删除项

最新推荐文章于 2023-05-13 12:00:00 发布
最新推荐文章于 2023-05-13 12:00:00 发布
阅读量230 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/K233334/article/details/80047678
版权
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
      table{
      border: 1px soild #f1f1f1;
      border-collapse: collapse;
      margin: 0 auto;
      width: 600px;
      }
      td{
      height: 35px;
      line-height: 35px;
      border: 1px soild #f1f1f1;
      font-size: 14px;
      padding-left: 8px;
      }
</style>
<script type="text/javascript">
      function checkallstu(chk){
      var list=document.getElementsByName('chkstu');
      for(var i=0;i<list.length;i++){
      var mycheck=list[i];
      mycheck.checked=chk.checked;
      }
      }
    window.οnlοad=function(){
      var trs=document.getElementsByTagName('tr');
      for(var i=1;i<trs.length;i++){
      var mytr=trs[i];
      var oldcolor;
      mytr.οnmοuseοver=function(){
      oldcolor=this.style.background;
      this.style.background='#f1f1f1';
      }
      mytr.οnmοuseοut=function(){
      this.style.background=oldcolor;
      }
      }
    
      var mylinks=document.getElementsByTagName('a');
       for(var i=0;i<mylinks.length;i++){
        var mya=mylinks[i];
          mya.οnclick=function(){
        var delnode=this.parentNode.parentNode;
        var pnode=delnode.parentNode;
        pnode.removeChild(delnode);
        }
       }
     }  
</script>
</head>
<body>
<table>
<tr>
<td><input type='checkbox' name='chkstu' id='checkall' οnclick="checkallstu(this)">全选</td>
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
<td><a href="#">del</a></td>
</tr>
<tr>
<td><input type='checkbox' name='chkstu'></td>
<td>张三</td>
<td>18</td>
<td>男</td>
<td><a href="#">del</a></td>
</tr>
<tr>
<td><input type='checkbox' name='chkstu'></td>
<td>李四</td>
<td>19</td>
<td>男</td>
<td><a href="#">del</a></td>
</tr>
<tr>
<td><input type='checkbox' name='chkstu'></td>
<td>王五</td>
<td>19</td>
<td>男</td>
<td><a href="#">del</a></td>
</tr>
<tr>
<td><input type='checkbox' name='chkstu'></td>
<td>李六</td>
<td>18</td>
<td>男</td>
<td><a href="#">del</a></td>
</tr>
</table>
<input type="button" value="批量删除所选" οnclick='delsel()'>
<script type="text/javascript">
      function delsel(){
      var checklist=document.getElementsByName('chkstu');
      for(var i=checklist.length-1;i>=0;i--){
      var mychk=checklist[i];
      if(mychk.checked==true){
      deltr=mychk.parentNode.parentNode;
      pnode=deltr.parentNode;
      pnode.removeChild(deltr);
      }
      }
      }
</script>
</body>
</html>
K233334
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript 删除数组中重复项（uniq）
10-29
JavaScript 删除数组中重复项（uniq） JavaScript 中删除数组中重复项的方法有多种，下面我们将介绍几种常见的方法。 方法一：使用对象属性 这是最基本的方法，利用对象的属性来去重。原理是将数组元素作为对象的...
JavaScript实现节点的删除与序号重建实例
10-23
主要介绍了JavaScript实现节点的删除与序号重建方法,涉及javascript针对页面节点的删除与遍历技巧,非常具有实用价值,需要的朋友可以参考下
表格两种删除方式
chuochainang8623的博客
05-03 134
<html> <head> <title>表格删除效果</title> <script type="text/javascript"> function checkallstu(cankao){ ...
表格的删除
YiLynn的博客
04-23 203
首先定义一个函数格式mylink.onclick=function(){var 变量=this.parentNode.parentNode;var=变量.parentNode;pnode.removechild 变量；}&lt;script type="text/javascript"&gt;    window.onload = function(){         //获取页面所有删除a链接...
JavaScript动态添加/删除表格行
w-ind'的博客
12-16 1万+
使用原生JavaScript来解决简单的table行动态增删问题
js数组操作-删除首项、删除尾项、头部添加项、尾部添加项
Museions的开心博客
11-09 3万+
js数组api,js array数组操作,数组删除第一项,数组删除最后一项,在数组头部添加项,在数组尾部添加项,数组排序等相关操作!
[UOJ 300][CTSC2017]吉夫特-扩展Lucas定理
「嫌われ者のフィロソフィ」
05-26 900
吉夫特简单的题目，既是礼物，也是毒药。B 君设计了一道简单的题目，准备作为 gift 送给大家。输入一个长度为 nn 的数列 a1,a2,…,ana_1, a_2, \ldots, a_n问有多少个长度大于等于 22 的不上升的子序列 ab1,ab2,…,abka_{b_1}, a_{b_2}, \ldots ,a_{b_k} 满足∏ki=2(abi−1abi)mod2=(ab1ab2)×(ab2a
JavaScript 删除数组中指定元素(5种方法)
欢迎光临~
05-13 14万+
以上是 JavaScript 删除数组中指定元素的多种方法。我们可以根据需求选择适合自己的方法来删除数组中的元素。希望这篇文章能够帮助你更好地掌握 JavaScript 中的数组操作。
JavaScript删除指定子元素代码实例
10-24
本实例将深入解析如何使用原生JavaScript删除特定的子元素，无需依赖jQuery等库。以下是对给出代码实例的详细说明： 首先，我们需要一个HTML结构作为基础，其中包含一个`<ul>`列表和一个`<input type="button">`...
javascript删除JSON元素.docx
09-30
// 输出 age, sex, name 项已经被删除了 } ``` 三、删除 JSON 元素 删除 JSON 元素可以使用上述方法来删除对象和数组元素。例如： ``` var computer = { "cpu": ["intel", "AMD"], "harddisk": ["Western ...
JavaScript实现动态删除列表框值的方法
10-23
在JavaScript中，动态删除列表框（Select元素）的值是一项常见的操作，特别是在处理用户交互或者动态更新页面内容时。在给定的示例中，它展示了如何通过JavaScript函数来删除列表框中的特定选项。以下是对这个方法的...
【Javascript】【语法】for循环遍历的几种方式
天天向上 Up Up Up (*^▽^*)
06-19 1354
let array = ["A", "B", "C"]; //for in，推荐使用，适合需要使用index的情景 //依次打印0A，1B，2C for (let index in array) { console.log(index); console.log(array[inde...
js数组遍历中需要删除项的写法
xiongsisi1043的专栏
01-09 479
推荐写法: for (var i = list.length - 1; i >= 0; i--) { if (list[i] === k) { list.splice(i, 1); } } 常规写法： for (var i = 0; i < list.length; i++) { if (list[i] ===
js数组删除（splice和delete）
热门推荐
QQ向天歌
01-17 34万+
今天用到了数组的删除，分别使用了splice和delete方法，记录一下，方便下次查找。原数组是一个关联数组，如var test=[];test[1]={name:'1',age:1};test[2]={name:'2',age:2};test[4]={name:'3',age:3};console.log(test)长度为5的关联数组，现在开始删除。1.splice方法test.splice(2
关于电压互感器的详细介绍.pdf
07-20
电压互感器（Voltage Transformer，简称VT），又称电压变压器或电压互感器（PT），是电力系统中不可或缺的重要设备之一。以下是关于电压互感器的详细介绍： 一、定义与功能 电压互感器是一种用于测量高电压并将其转换成低电压信号的电器设备，以便于测量、监测和保护。它主要用于电力系统中测量仪表、继电保护等二次设备获取电气一次回路电压信息的传感器。通过将高电压按比例转换成低电压（如100V或更低），电压互感器使得电力系统中的电压测量、保护和控制变得更加容易和安全。 二、工作原理 电压互感器的工作原理基于电磁感应原理。它通常由高压绕组、低压绕组和磁芯组成。高压绕组与高压电网中的相线相连，低压绕组则与电压表、保护装置等低压设备相连。当高压绕组中有电流通过时，会在绕组中产生磁场，这个磁场会穿过磁芯并感应到低压绕组中，从而在低压绕组中产生电压。由于低压绕组的匝数较多，因此在低压绕组中感应到的电压远低于高压绕组中的电压。 三、类型与分类 根据功能和用途，电压互感器可以分为多种类型。常见的类型包括电磁式电压互感器（如电容式电压互感器，应用广泛）和非电磁式电压互感器（如电子式、光电式等）
职工信息管理系统【C语言课程设计源码+项目文档】
07-20
职工信息管理系统【C语言课程设计源码+项目文档】 在日益发展的现代社会，一个高效实用的职工信息管理系统已经是企业必不可少的一个管理工具，它可以使企业在管理方面减少很多时间，本课程设计针对现代社会企业对员工信息的管理而设计， 使员工的管理更加的简捷，更加的方便，界面友好，易于操作。 1.1录入职工信息 对每个使用者进行进行录入，实现“一人一档”，录入使用者的工号、姓名、性别、电话号码、地址。 1.2输出职工信息 对已录入的使用者信息进行输出。将所有已经输入的职工信息一一输出。 1.3查询职工信息 对已录入的使用者信息进行查看，可通过编号和姓名进行搜索。 1.4更新职工信息 对已录入的使用者信息进行修改。首先需输入修改者编号，其次可进行修改。 欢迎学习！
09-输入.py
07-20
09-输入
使用PythonShapefileLibrary创建和编辑Shapefile文件.doc
最新发布
07-20
Python
物联网工程_车祸自动报警系统设计.docx
07-20
物联网工程_车祸自动报警系统设计
js 删除数组某一项
09-13
要删除数组中的某一项，可以使用filter方法，并返回不包含要删除项的新数组。例如，要删除数组arr中的元素3，可以使用以下代码： ``` arr = arr.filter((item) => { return item !== 3; }); ``` 执行该代码后，原...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值