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函数