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

50 篇文章 0 订阅
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方法是替换
		};
	};
};

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值