1. 程式人生 > >js的className屬性使用方法

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;
	}	
}