原生js 查找添加删除指定元素的class

最新推荐文章于 2023-02-19 09:37:07 发布

尜尜alp

最新推荐文章于 2023-02-19 09:37:07 发布

阅读量2.4k

点赞数

分类专栏： web前端 js HTML 原生js javascript

本文链接：https://blog.csdn.net/gaga06/article/details/8789840

版权

web前端同时被 3 个专栏收录

51 篇文章 0 订阅

订阅专栏

原生js

50 篇文章 0 订阅

订阅专栏

javascript

34 篇文章 0 订阅

订阅专栏

window.onload = function(){
	var gaga = document.getElementById( "gaga" );
	addClass( gaga,"gaga1" ) 
	addClass( gaga,"gaxx" );
	removeClass( gaga,"gaga1" )
	removeClass( gaga,"gaga" )
	function hasClass( elements,cName ){
		return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") );           // ( \\s|^ ) 判断前面是否有空格  （\\s | $ ）判断后面是否有空格  两个感叹号为转换为布尔值 以方便做判断
	};
	function addClass( elements,cName ){
		if( !hasClass( elements,cName ) ){
			elements.className += " " + cName;
		};
	};
	function removeClass( elements,cName ){
		if( hasClass( elements,cName ) ){
			elements.className = elements.className.replace( new RegExp( "(\\s|^)" + cName + "(\\s|$)" )," " );  // replace方法是替换
		};
	};
};