原生javascript实现addClass,removeClass,hasClass函数
原生javascript实现addClass,removeClass,hasClass函数
发布时间:2016-12-30 来源:查字典编辑
摘要:原生的addClass,removeClass,hasClass函数,未使用jqueryclass.jsfunctionhasClass(e...

原生的addClass, removeClass, hasClass函数,未使用jquery

class.js

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,' '); } } //call the functions addClass(document.getElementById("test"), "test"); removeClass(document.getElementById("test"), "test") if(hasClass(document.getElementById("test"), "test")){//do something};

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类