使用JavaScript分配或获取类名称属性
要使用JavaScript获取元素的类，请使用元素对象的className属性。请看下面的HTML代码部分。
使用以下代码在消息框中打印div元素的类名称。
alert(document.getElementById('adiv').className);
要将类名设置为其他名称，可以使用相同的属性，但是在这种情况下，只需将其传递一个值即可。以下示例将div元素的类名称更改为'newClass'。
document.getElementById('adiv').className='newClass';
那么，这有什么用呢？良好地访问样式在某些浏览器上可能会有些痛苦，因此一种更好的方法是为样式表中的不同类设置一些样式，并使用className属性更改元素的类以匹配您的样式。
例如，假设您要在不是锚点的元素上创建悬停效果。因为它不是锚，所以IE6和某些其他浏览器将不了解伪类：hover，因此，另一种方法是使用className属性更改类，以使其具有不同的样式。
以下示例使用onmouseover和onmouseout事件创建类似悬停的效果。
Content
新类称为bigfont，只是具有更大字体大小的样式。将以下内容放入样式表。
div.bigfont{
font-size: 123px;
border:1px solid black;
}