关于JavaScript的addClass,removeClass,hasClass方法

来源:互联网 发布:南沙人工智能产业园区 编辑:程序博客网 时间:2024/05/04 00:01
//关于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}; }


0 0
原创粉丝点击