用 javascript 修改 html 元素的 class
实例 JavaScript 代码
需要注意的是在 JavaScript 中,如果要修改一个元素的 class 属性,一定要写为 className,
因为 class 是 JavaScript 的保留字。
<script type="text/javascript">
function over(){
varpara = document.getElementById("testPara"). className =
"testOver";
}
function out(){
varpara = 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 代码设置了两个测试用的样式。