脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 原生js封装添加class,删除class

原生js封装添加class,删除class的实例

 更新时间：2017年11月06日 10:23:22   作者：一步一步向上爬  
下面小编就为大家带来一篇原生js封装添加class,删除class的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望对大家有所帮助

一、添加class

function addClass(ele,cName) {
 var arr = ele.className.split(' ').concat(cName.split(" "));
 for(var i=0;i<arr.length;i++){
  for(var k=arr.length-1;k>i;k--){
   (arr[k]==="")&&arr.splice(k,1);
   (arr[i]===arr[k])&&arr.splice(k,1);
  }
 }
 ele.className = arr.join(" ");
}

二、删除class

function removeClass(ele,cName) {
 var arr1 = ele.className.split(' ');
 var arr2 = cName.split(" ");
 for(var i=0;i<arr2.length;i++)for(var j=arr1.length-1;j>=0;j--)(arr2[i]===arr1[j])&&arr1.splice(j,1)
 ele.className = arr1.join(" ")
}

其中还有一点空格的问题没有解决，如果你能学到一点东西，我会非常开心。

以上这篇原生js封装添加class,删除class的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 性能分析:指如何快速定位SQL问题

    性能分析:指如何快速定位SQL问题

    本文介绍了如何快速定位SQL性能问题的方法,包括找出执行时间最长的SQL、同类型并发SQL、阻塞和被阻塞SQL、锁等待和死锁,以及慢日志分析,需要的的朋友一起看看吧
    2017-04-04
  • js遍历、动态的添加数据的小例子

    js遍历、动态的添加数据的小例子

    js遍历、动态的添加数据的小例子，需要的朋友可以参考一下
    2013-06-06
  • ES6基础之默认参数值

    ES6基础之默认参数值

    这篇文章主要介绍了ES6基础之默认参数值，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-02-02
  • Javascript排序算法之计数排序的实例

    Javascript排序算法之计数排序的实例

    计数排序是一种高效的线性排序，它通过计算一个集合中元素楚翔的次数来确定集合如何排列，计数排序不需要进行数据的比较，所有他的运行效率前面介绍的都高
    2014-04-04
  • 不要在cookie中使用特殊字符的原因分析

    不要在cookie中使用特殊字符的原因分析

    参数name需要遵循规范RFC2109，也就是说name参数只能包含字母或者数字，不能包含逗号、分号、空格及美元符号。cookie的name属性设置之后不能被修改。
    2010-07-07
  • JS判断表单输入是否为空(示例代码)

    JS判断表单输入是否为空(示例代码)

    本篇文章主要是对JS判断表单输入是否为空的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • JavaScript在图片绘制文字两种方法的实现与对比

    JavaScript在图片绘制文字两种方法的实现与对比

    这篇文章主要为大家详细介绍了前端实现在图片上绘制文字的两种思路,支持即粘即贴即用,文中的示例代码讲解详细,需要的小伙伴可以了解下
    2024-03-03
  • nuxt中使用路由守卫的方法步骤

    nuxt中使用路由守卫的方法步骤

    这篇文章主要介绍了nuxt中使用路由守卫的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-01-01
  • 按给定几率进行随机抽取的js代码

    按给定几率进行随机抽取的js代码

    没啥技术含量的随机抽取，需要的朋友可以参考下。
    2010-12-12
  • mui开发中获取单选按钮、复选框的值(实例讲解)

    mui开发中获取单选按钮、复选框的值(实例讲解)

    下面小编就为大家带来一篇mui开发中获取单选按钮、复选框的值(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07

最新评论