JavaScript 实例一

class 是样式

需要注意的是在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>

本例只需要一个段落，并且给它设置了默认的class属性“testNormal”，而鼠标划过和划出会分别触发上面的两个JavaScript函数，从而改变该段落自身的class属性。

<p id="testPara" class="testNormal" onmouseover="over()" onmouseout="out()">    我是示例段落，鼠标滑过我，就可以改变我的class属性，从而改变应用的CSS规则。    </p>    

CSS代码设置了两个测试用的样式。

.testNormal { border:1px solid black;}.testOver {background:#999999;border:1px solid black; font-weight:bold; padding:3em;}