[Front-End] removeClass和addClass

前言

在純JavaScript使用addClass和removeClass。

hasClass

利用正規表示式判斷是否存在該class。

var hasClass = function(ele,cls) {
	return !!ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}

addClass

若沒有就加上去。

var addClass = function(ele,cls) {
	if (!hasClass(ele,cls)) 
		ele.className += " "+cls;
}

removeClass

若有就刪除。

var removeClass = function(ele,cls) {
	if (hasClass(ele,cls)) {
		var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}

參考

Add/Remove Classes With Raw Javascript