i;k--){ (arr[k]==="")&&arr.splice(k,1); (ar" />
当前位置:首页 > 日记 > 正文

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

原生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的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

PS怎么绘制一个杯子中的小狗?

PS怎么绘制一个杯子中的小狗?

绘制,杯子,小狗,电脑软件,PS,想要绘制一个把头从杯子中露出来的小狗,该怎么制作这个效果呢?下面我们就来看看详细的教程。软件名称:Adobe photoshop 7.01 官方正式简体中文版软件大小:154MB更新时间:2013-04-191、先用钢笔绘制出这个萌小狗的形…

wps电子表格怎样插入表头

wps电子表格怎样插入表头

表头,方法,电子表格,表格,电脑软件,  在Excel中制作表格,有很多情况下都需要制作画有斜线的表头,或许有些初学者的朋友不怎么懂插入表头。下面小编马上就告诉大家wps表格做表头的方法吧。wps表格做表头的方法wps表格做表头的步骤1:首先我们…

详解vue-router和vue-cli以及组件

详解vue-router和vue-cli以及组件

传值,组件,详解,电脑软件,cli,首先简单介绍使用vue-router的四个基本步骤:(为了方便演示,所有代码都写在一个文件里)1.定义组件2.定义路由3.创建router实例并将定义好的路由传入4.创建和挂载根实例再来说一下vue-cli一、安装vue-cli脚手架工具c…

Asp.Net使用服务器控件Image/Image

Asp.Net使用服务器控件Image/Image

显示,方法,服务器控件,电脑软件,Asp, Image/ImageButton服务器控件显示本地的图片 。 这里,我做的是: 数据库中存放了图片的相对地址,读取数据库中的地址,用控件加载显示图片。 步骤:A 、添加服务器控件, 这里以 Image控件为例。B、 数据…

Excel中如何使用COUNTIF函数的计算

Excel中如何使用COUNTIF函数的计算

计算,函数,如何使用,电脑软件,Excel,  Excel表格中的数据很多,我们可能会对里面满足某一特定条件的数据进行函数统计。需要统计学生成绩之类的数值,我们可以使用COUNTIF函数计算。以下是小编为您带来的关于Excel中使用COUNTIF函数的计算,希…

干货:毕业季ps证件照抠图换底色的

干货:毕业季ps证件照抠图换底色的

方法,抠图,干货,底色,三种,干货:毕业季ps证件照抠图换底色的三种方法,自己动手不求人!本次教程共分享了三种纯色背景快速换背景方法,适用各种证件照换色,这三种方法是:利用快速蒙版工具抠图换底、利用色彩范围抠图换底和通道抠图换底,具体操作步…

ps怎么绘制抽象的天眼图案?

ps怎么绘制抽象的天眼图案?

绘制,抽象,天眼,图案,电脑软件,ps滤镜功能可以制作出很多图案,今天我们就来看看详细的制作方法。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、首先启动Photoshop cs5,执行文件-新建命令,新建一个分辨…

正则表达式与HTML5新元素

正则表达式与HTML5新元素

正则表达式,新元素,电脑软件,ProcessOn是一个在线协作绘图平台,为用户提供最强大、易用的作图工具!它可以很方便的在线简单绘制一些东西,让自己去具体理解。正则表达式今日的正则只是学习正则的简单使用。在HTML5的标签属性的强大面前,我们已…

Excel表格VBA入门基础语句有哪些

Excel表格VBA入门基础语句有哪些

语句,表格,入门,基础,详解,  VBA同其他的编程语言一样,都要对数据进行操作,VBA为用户编程提供了方便。以下是小编为您带来的关于VBA入门基础语句详解,希望对您有所帮助。Excel表格VBA入门基础语句详解选择一个工作表:Sheets("Balance").A…

jquery操作select取值赋值与设置选

jquery操作select取值赋值与设置选

赋值,操作,设置,取值,实例,本节内容:jquery实现select下拉框的取值与赋值,设置选中的方法大全。比如<select class="selector"></select>1、设置value为pxx的项选中 $(".selector").val("pxx");2、设置text为pxx的项选中 $(".selector…

在Word2016文档中如何制作艺术字

在Word2016文档中如何制作艺术字

文档,艺术字,电脑软件,  在Word文档中,添加和制作艺术字是非常常用的一个操作,那么艺术字想要制作的好看的方法有很多种。以下是小编为您带来的关于Word2016文档制作艺术字,希望对您有所帮助。Word2016文档制作艺术字先打开word文档,然后在wo…

ps怎么制作高对比度黑白头像?

ps怎么制作高对比度黑白头像?

头像,黑白,高对比度,电脑软件,ps,想用自己头像,又觉得彩色会有点单调时,不妨试试简单的将自己照片这样调节一下。而且这样的效果在用于做lo时,也是一种独特的标示,效果如下图所示。软件名称:Adobe Photoshop CS3 v10.0 绿色增强简体中文版软件大…