核心只要两行即可实现添加或移除className

enix2212

于 2011-04-29 11:10:05 发布

阅读量101

点赞数

分类专栏： javaScript 文章标签： JavaScript 编程 ViewUI

javaScript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一段简化DOM操作的JavaScript代码，包括移除和添加类名的方法，通过正则表达式实现高效操作。适合前端开发者学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<div id="abc" class="same new yes">1111111</div>

改进版只有一行


function removeClass(value){
	var kls,reg=1>0 &&(kls=this.className,reg=new RegExp('(^| )'+value+'( |$)'),reg.test(this.className) && (this.className=(kls.replace(reg,'$1')).replace(/ $/,''))); 
	return this;
};
function addClass(value){
	var reg=1>0 &&(reg=new RegExp('(^| )'+value+'( |$)'),reg.test(this.className) || (this.className==='' ? (this.className=value) : (this.className+=(' '+value))));
	return this;
};

///removeClass.call(document.getElementById('abc'),'new');
//addClass.call(document.getElementById('abc'),['new saw try']) 一次添加多个样式 
addClass.call(addClass.call(removeClass.call(document.getElementById('abc'),'new'),'game'),'beta');

javascript确实很有意思语法灵活就看怎么玩