js原生添加clsss

最新推荐文章于 2024-02-21 00:30:47 发布

原创最新推荐文章于 2024-02-21 00:30:47 发布 · 566 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用JavaScript来实现DOM元素上增加、删除CSS类的方法。通过正则表达式来判断元素是否已含有指定类，并据此进行添加或移除操作。

function hasClass(element,Hclass){ //判断是否有 '要添加的class'
		var patt=new RegExp(Hclass)
		return patt.test(element.className)
	}
	function addClass(element,Hclass){ //追加class
	　　if(!hasClass(element,Hclass)){
	　　    element.className+=' '+Hclass;
			// console.log(element.className)
		}
	}
	function removeClass(element,Hclass){ //追加class
	　　if(hasClass(element,Hclass)){ //如果有 '要删除的class'
			var re = element.className
			var bb = 'aaabbb'
	　　  	re= re.replace(Hclass,'');
			element.className=re
		}
	}