添加、删除、替换class类名

一.比较传统的方法

var classVal = document.getElementById(“id”).getAttribute(“class”);

1.删除

classVal = classVal.replace("someClassName","");
document.getElementById("id").setAttribute("class",classVal );

2.添加

classVal = classVal.concat(" someClassName");
document.getElementById("id").setAttribute("class",classVal);

3.替换

classVal = classVal.replace("someClassName","otherClassName");
document.getElementById("id").setAttribute("class",classVal );

二.html5增加了classList方法

classList 属性返回元素的类名，作为 DOMTokenList 对象。
该属性用于在元素中添加，移除及切换 CSS 类。
classList 属性是只读的，但你可以使用 add() 和 remove() 方法修改它。

1.添加

document.getElementById("myDIV").classList.add("mystyle",?"anotherClass",?"thirdClass");

2.删除

document.getElementById("myDIV").classList.remove("mystyle");

3.替换

document.getElementById("myDIV").classList.replace("someClassName","otherClassName");