当前位置:编程学习 > JAVA >>

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>
HTML代码
本例只需要一个段落,并且给它设置了默认的class属性“testNormal”,而鼠标划过和划出会分别触发上面的两个JavaScript函数,从而改变该段落自身的class属性。
<p id="testPara" class="testNormal" onmouseover="over()" onmouseout="out()">
    我是示例段落,鼠标滑过我,就可以改变我的class属性,从而改变应用的CSS规则。   
</p>

   
CSS
CSS代码设置了两个测试用的样式。
.testNormal {www.zzzyk.com
 border:1px solid black;
 }
.testOver {
 background:#999999;
 border:1px solid black;
 font-weight:bold;
 padding:3em;
 }


作者:Bychentufeiyang
补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,