js的className属性使用方法

我们都知道通过className属性设置某个元素的class属性时将替换该元素原有的class设置。

如果需要的的“追加”效果而不是“替换”,可以利用字符串拼接操作,把新的class设置追加到className属性上去。

elem.className += " intro";  //注意:intro的第一个字符是空格

为了方便使用,可以封装一个addName函数。这个函数带两个参数:第一个是需要添加新class的元素(element),第二个是新的class设置值(value)。

function addName(element,value){
	if(!element.className){
		element.className = value;
	}else{
		newClassName = element.className;
		newClassName+= " ";
		newClassName+= value;
		element.className = newClassName;
	}	
}

猜你喜欢

转载自blog.csdn.net/HuangsTing/article/details/83540644