原生javascript实现addClass,removeClass,hasClass函数
内容摘要
原生的addClass, removeClass, hasClass函数,未使用jquery
class.js
function hasClass(ele,cls) {
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')
class.js
function hasClass(ele,cls) {
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')
文章正文
原生的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};
代码注释