关于JavaScript的addClass,removeClass,hasClass方法
2014-10-29 09:36
375 查看
//关于JavaScript仿JQuery的addClass,removeClass,hasClass的方法
【函数方法】
【使用方法】
【函数方法】
function hasClass(ele,cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); } function addClass(ele,cls) { if (!this.hasClass(ele,cls)) ele.className += " "+cls; } function removeClass(ele,cls) { if (hasClass(ele,cls)) { var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)'); ele.className=ele.className.replace(reg,' '); } } //注:全部都写入你的JS文件中,不然会没效果的,尤其是hasClass()这个方法必写。
【使用方法】
window.onload = function(){ addClass(document.getElementById("test"), "test"); removeClass(document.getElementById("test"), "test") if(hasClass(document.getElementById("test"), "test")){ //do something }; }
相关文章推荐
- 关于addView方法的使用--Exception:the special child alread has a parent,please call remove view
- 常用的js自定义方法 -- hasClass addClass removeClass getElementsByClass
- jquery hasClass、removeClass、addClass方法
- 原生js实现增加(addclass),删除(removeclass),判断是否存在(hasclass),如果存在删除,如果不存在添加(toggleclass)和获取类名(getbyclass)的方法
- 原生javascript实现addClass,removeClass,hasClass函数
- jquery hasClass、removeClass、addClass方法
- 用原生js实现addClass,removeClass,hasClass方法
- 原生js实现addClass,removeClass,hasClass方法
- 原生js实现addClass,removeClass,hasClass方法
- html5的classList属性介绍和原生js实现jQuery的addClass,removeClass,hasClass方法
- 原生js实现addClass,removeClass,hasClass方法
- 原生JavaScript实现hasClass、addClass、removeClass、toggleClass
- jquery hasClass、removeClass、addClass方法
- 原生JavaScript实现hasClass、addClass、removeClass、toggleClass
- jQuery源码分析之addClass,removeClass,toggleClass,hasClass详解四问
- Dynamically add/remove class via Javascript
- 【转】jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- jquery hasClass/addClass/removeClass
- 原生JavaScript addClass() removeClass()
- javascript自定义的addClass()方法