用javascript修改html元素的class
摘要：我们可以用javaScript来修改HTML元素的class属性，从而改变元素的样式。
实例JavaScript代码
需要注意的是在JavaScript中，如果要修改一个元素的class属性，一定要写为className，因为class是JavaScript的保留字。
<script type="text/javascript">
function over(){
var para = document.getElementById("testPara").className = "testOver";
}
function out(){
var para = document.getElementById("testPara").className = "testNormal";
}
</script>
HTML代码
本例只需要一个段落，并且给它设置了默认的class属性“testNormal”，而鼠标划过和划出会分别触发上面的两个JavaScript函数，从而改变该段落自身的class属性。
<p id="testPara" class="testNormal" onmouseover="over()" onmouseout="out()">
我是示例段落，鼠标滑过我，就可以改变我的class属性，从而改变应用的CSS规则。
</p>
CSS
CSS代码设置了两个测试用的样式。
.testNormal {
border:1px solid black;
}
.testOver {
background:#999999;
border:1px solid black;
font-weight:bold;
padding:3em;
}
演示
