JavaScript addClass,removeClass,hasClass
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 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,' ');
}
}
//call the functions
addClass(document.getElementById("test"), "test");
removeClass(document.getElementById("test"), "test")
if(hasClass(document.getElementById("test"), "test")){//do something};
以上是关于JavaScript addClass,removeClass,hasClass的主要内容,如果未能解决你的问题,请参考以下文章
原生JS实现JQuery的addClass和removeClass
JavaScript 循环问题,感谢大家!
javascript addClass removeClass hasClass #js
javascript addClass removeClass hasClass #js
JavaScript jQuery addClass
JavaScript addClass函数