className 属性设置或返回元素的class 属性。
语法：
object.className = classname
作用：
1.获取元素的class属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
看看下面代码，获得 <p> 元素的 class 属性和改变className：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>classname属性</title>
<style type="text/css">
input{
font-size:10px;
}
.one{
width:200px;
background-color:#CCC;
}
.two{
font-size:18px;
color:#F00;
}
</style>
</head>
<body>
<p id="con" class="one">JavaScript</p>
<form>
<input type="button" value="点击更改" ="modifyclass()" />
</form>
<script type="text/javascript">
var mychar = document.getElementById("con");
document.write("p元素Class值为："+mychar.className+"<br />");
//输出p元素Class属性
function modifyclass(){
mychar.className = "two";//改变className
}
</script>
</body>
</html>执行结果：
