移除目标元素的className-removeClass

最新推荐文章于 2024-01-04 21:02:47 发布

最新推荐文章于 2024-01-04 21:02:47 发布 · 880 阅读

文章标签：

#removeClass

本文介绍了一个用于从 HTML 元素中移除指定 className 的 API 函数，详细解释了函数参数、返回值及注意事项，并提供了相关链接以供参考。

api的应用场景是：移除目标元素的className

关于className的资料：http://zhangyaochun.iteye.com/blog/1456976

关于ZYC.dom.g请看这里：http://zhangyaochun.iteye.com/blog/1439262

/*
*removeClass-remove the className from the element*
*@function*
*@param {string||HTMLElement} element*
*@param {string} className---it can remove more than one className,split each other by whitespace*
*@return {HTMLElement} element
*@remark the className is legal or not *
*you can reference in http://www.w3.org/TR/CSS2/syndata.html*
*/
ZYC.dom.removeClass = function(element,className){
        element = ZYC.dom.g(element);
		var oldClasses =element.className.split(/\s+/),
		    newClasses =className.split(/\s+/),
			_old_length = oldClasses.length,    //old className's length  
			_del_length = newClasses.length,    //delete className's length
            j=0,i=0;
		for(;i<_del_length;i++){	
           for(;j<_old_length;++j){
		    //judge
			if(oldClasses[j] == newClasses[i]){
		     oldClasses.splice(j,1);
			 //return array
			 break;
			 }
		   }
		}
		//change array to string
		element.className = oldClasses.join(" ");
		return element;
};