className是類別選擇器的名字，使用這個className可以進行動態更改某個標籤的類的屬性值。例如：
簡易版的
運行後，直接顯示爲，類的屬性值改變後的效果
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>className的使用</title>
<style type="text/css">
.one{width: 200px;height: 50px;background: red;}
.two{width: 400px;height: 100px;background: #d8d8d8;}
</style>
<script type="text/javascript">
window.onload=function(){
//document.getElementById('aa').className='one';
//alert('one');
document.getElementById('aa').className='two';
};
</script>
</head>
<body>
<p id="aa" title="" class="one">sds</p>
</body>
</html>加入按鈕 點擊後，實現 className 的作用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>className的作用</title>
<style type="text/css">
.one{width: 200px;height: 50px;background: red;}
.two{width: 400px;height: 100px;background: #d8d8d8;}
</style>
<script type="text/javascript">
//window.onload=function(){
//document.getElementById('aa').className='two';
// };
function aa(){
var a=document.getElementById('aa');
a.className='two';
}
</script>
</head>
<body>
<input onclick="aa()" type="button" name="" id="" value="換色" />
<p id="aa" title="" class="one">sds</p>
</body>
</html>