js操作DOM的class--防jquery
function removeClass(name){ var $ele = this.ele; if(!$ele){ console.log('>> 找不到该元素: id = ',ele); return !1; } var rex = new RegExp('\\s'+name+'|'+name+'\\s'); $ele.className = $ele.className.replace(rex,''); return this; } function addClass(name){ var $ele = this.ele; if(!$ele){ console.log('>> 找不到该元素: id = ',ele); return !1; } if(this.hasClass(name)){ return !1; }else{ $ele.className = $ele.className + ' ' + name; } return this; } function hasClass(name){ var $ele = this.ele; if(!$ele){ console.log('>> 找不到该元素: id = ',ele); return !1; } var rex = new RegExp('\\s'+name+'|'+name+'\\s'); return $ele.className.search(rex) > -1; } function getId(id){ return getEle(document.getElementById(id)); } function getEle(ele){ return { ele: ele, removeClass: removeClass, addClass: addClass, hasClass: hasClass } return eleObj; }
写这个的目的有两个。
1、有时候不想引入jquery,但是确实有必要对DOM进行class操作。
2、装逼。。。
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18