原生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的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文给大家介绍使用javascript解决网页图片拉伸问题，本文给大家介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧2016-11-11
下面小编就为大家分享一篇仿京东快报向上滚动的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了微信小程序上传多图到服务器并获取返回的路径，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
javascript while语句和do while语句的区别分析
这篇文章通过实例代码较详细的给大家介绍了javascript while语句和do while语句的区别，感兴趣的朋友一起看看吧2007-12-12
这篇文章主要介绍了JS获取月的第几周和年的第几周实例代码,需要的朋友可以参考下2018-12-12
直接上代码吧，效果可以复制了去看2009-11-11
这篇文章主要介绍了JS数组splice操作,结合实例形式分析了javascript使用splice方法删除数组元素相关操作技巧,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了js如何打开windows上的可执行文件,需要的朋友可以参考下2014-05-05
javascript模拟地球旋转效果，把一下代码保存到HTML文件，打开就可以看到一个旋转的地球。请使用Chrome、Opera或者火狐浏览器查看，IE8不支持2013-12-12
这篇文章主要介绍了CocosCreator实现技能冷却效果，同学们可以跟着教程，亲手试一下，代码都是可以复用的2021-04-04
最新评论