我们都知道通过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;
}
}