原生JS实现hasClass,addClass,removeClass
2016-06-02 17:07
721 查看
1、hasClass
2、addClass
3、removeClass
//call the functions
addClass(document.getElementById("test"), "test");
removeClass(document.getElementById("test"), "test")
if(hasClass(document.getElementById("test"), "test")){//do something};
function hasClass(elem, cls){ cls = cls || ''; if(cls.replace(/\s/g, '').length == 0) return false; return new RegExp(' ' + cls + ' ').test(' ' + elem.className + ' '); }
2、addClass
function addClass(elem, cls){ if(!hasClass(elem, cls)){ elem.className += ' ' + cls; } }
3、removeClass
function removeClass(elem, cls){ if(hasClass(elem, cls)){ var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, '') + ' '; while(newClass.indexOf(' ' + cls + ' ') >= 0){ newClass = newClass.replace(' ' + cls + ' ', ' '); } elem.className = newClass.replace(/^\s+|\s+$/g, ''); } }
//call the functions
addClass(document.getElementById("test"), "test");
removeClass(document.getElementById("test"), "test")
if(hasClass(document.getElementById("test"), "test")){//do something};
相关文章推荐
- html 移动互联网终端的javascript touch事件,touchstart, touchend, touchmove
- 粗浅看 JSP工作原理
- form.submit(回调函数)——引用jq-form.js
- JavaScript join() 方法
- JS对输入判断变化屏蔽中文输入法输入时连续触发事件的方法
- js正则验证,以及验证码的实现
- 使用Gson解析json
- jsp中c标签的使用
- uaredirect.js使PC版网页跳转到手机版
- 字符串转化为json方法
- javascript中,typeof和instanceof
- jsp页面中jstl标签详解
- JavaScript:闭包
- js转换数字和人民币
- js实现密码强度验证
- iframe页面滚动条置顶
- JavaScript Promise 告别异步乱嵌套
- 完整的JavaScript版的信用卡校验代码
- js控制文本框只能输入中文、英文、数字与指定特殊符号,js输入中文
- js根据经纬度计算两点距离