js在不删除原有类名追加新类名方法

添加类名

element.classList.add(class1, class2, ...);

删除类名

element.classList.remove(class1, class2, ...);

兼容IE8

 function addClass(el, className) {var oldClassStr = '';//先判断元素中是否有class属性if(ele.getAttribute('class')){//获取原有的类名oldClassStr = el.getAttribute('class');//把原来的类名分割后添加入数组,判断要添加的类名是否已存在var oldClassArr = oldClassStr.split(' ');如果!=-1,说明存在或同名,不添加直接returnif(oldClassArr.indexOf(className)!=-1){console.log(className+"已经存在或同名");return;}else{//添加空格oldClassStr+=' ';}}//添加新类名oldClassStr += className;el.setAttribute('class',oldClassStr);}

调用--若加多个类名,用空格格开即可

addClass(el,"className1 className2");

兼容IE8

function delClass(el,className){//先判断元素是否有 class 属性if(!el.getAttribute('class')){return;}//获取原有的类名var oldClassStr = el.getAttribute('class');//把原来的类名分割后添加入数组,判断要添加的类名是否已存在var oldClassArr = oldClassStr.split(' ');//获取要删除了类名的下标var index = oldClassArr.indexOf(className);//如果!=-1,说明存在,才可以执行删除if(index!=-1){oldClassArr.splice(index,1);}//把删除后的数组转为字符串oldClassStr = oldClassArr.join(' ');el.setAttribute('class',oldClassStr);}

调用--若加多个类名,用空格格开即可

delClass(el,"className1 className2");

js在不删除原有类名追加新类名方法相关推荐

js动态添加,删除option及add的使用方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
js移除某个class_用JS添加和删除class类名
下面介绍一下如何给一个节点添加和删除class名添加:节点.classList.add("类名"): 删除:节点.classList.remove("类名") ...
原生JS那些事：原生JS添加和删除class类名
2019独角兽企业重金招聘Python工程师标准>>> 如何使用原生js给一个节点添加和删除class名? 由于我们一直习惯于使用jQ封装好的方法,偶尔项目中也会用原生js,这就要了 ...
从JS数组中删除重复的值[duplicate]
本文翻译自:Remove duplicate values from JS array [duplicate] This question already has answers here : 这个问 ...
原生js动态为table追加html,JS动态添加Table的TR，TD实现方法
本文实例讲述了JS动态添加Table的TR,TD实现方法.分享给大家供大家参考.具体实现方法如下: var tempRow=0; var maxRows=0; function insertRows( ...
JS删除String里某个字符的方法
关于JS删除String里的字符的方法,一般使用replace()方法.但是这个方法只会删除一次,如果需要将string里的所以字符都删除就要用到正则. 1 2 3 4 var str = " ...
git常用命令，项目删除原有github连接并重新连接，回滚，下拉分支代码，切换分支
下拉分支代码 $ git clone https://gitea.https.xiaozhuschool.com/APKDevelopment/YouYuanSellingWineMachine.gi ...
html段落自动删除,利用JS代码自动删除稿件的普通弹幕功能
事情的起因是在b站投稿了一个高级弹幕测试的视频(av9940487),但是由于b站的弹幕池机制是新的弹幕顶掉旧的弹幕,所以导致一些人发的高级弹幕很快就被顶掉了. 所以就想着写个脚本来自动删除属性为普通 ...
win10用户注销后该怎么办？如何彻底删除原有的用户名
win10用户注销后该怎么办?如何彻底删除原有的用户名写博客的背景:博主的win10本地用户名是中文的,当时需要用pycharm打开一个文件,发现无法识别中文,想将本地用户改为英文的(该攻略随后会推 ...

js在不删除原有类名追加新类名方法

添加类名

删除类名

兼容IE8

调用--若加多个类名,用空格格开即可

兼容IE8

调用--若加多个类名,用空格格开即可

js在不删除原有类名追加新类名方法相关推荐

最新文章

热门文章