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>執行結果：
