原生js封装的一些实用的方法

版权声明:转载请先告知哦 https://blog.csdn.net/PINK789/article/details/88383674

删除(添加)元素指定的类名

function modifyClassName(ele,deleteClassName,addClassName){	
	var newClassNames;	//删除旧的类名,添加新类名后的数字符串
	// 获取参数元素类名,并使用字符串方法将获取到的类名字符串封装,此处注意复习正则表达式
	var classNames = ele.className.split(/\s+/g); 
	//在类名数组中找要删除的元素位置
	var position = classNames.indexOf(deleteClassName);	
	//排除没有要删除的类名的情况
	if(position>0){
		classNames.splice(position,1);
	}
	//避免参数三为空
	if(addClassName === undefined){
		classNamesNew = classNames.join(" ");
	} else {
		classNamesNew = classNames.join(" ")+ " " + addClassName ;
	}
	ele.className = classNamesNew;
}
modifyClassName(div,"hide","add");

猜你喜欢

转载自blog.csdn.net/PINK789/article/details/88383674