当前位置:Gxlcms > JavaScript > javascript实现Email邮件显示与删除功能_javascript技巧

javascript实现Email邮件显示与删除功能_javascript技巧

时间:2021-07-01 10:21:17 帮助过:3人阅读

一、主要介绍:
这题采用之前的技术,根据table的rows属性,获得数组,然后对数组设置样式,所以颜色就出来了。

1).全选复选框,通过var nodess=document.getElementsByName("mail");

复选框函数进行

2).按钮全选,反选,和取消全选,可以用一个函数写,传入不同的参数AllBybtn(num)类型即可

函数里面 根据js的特性 非0 和 0 这两种状态,进行设置,为了同步,需要分别进行设置

3).为了显示出当全部选中就默认全选的复选框选中,所以需要对每一个复选框进行设置,采用函数checkBysingle()进行设置

4).删除所选项是需要主要,当前的是checkbox对象,上一级是td--tr--先拿到tr对象,然后对通过tr的父节点删除tr对象再删除之后,x会变化,可能有些删不到,所以需要将X的值还原,或者从后面开始删除。

2、样式设置:

 

三、背景颜色以及鼠标移动的事件设置

四、复选框的全选

五、按钮的全选

七、删除邮件的函数(删除行)

现象一:

反选效果:

删除前:

删除后:

完整代码:

 
 
  
   
  Mail.html 
     
    

希望本文所述对大家学习javascript程序设计有所帮助。

人气教程排行