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.2cto.com
 border:1px solid black;
 }
.testOver {
 background:#999999;
 border:1px solid black;
 font-weight:bold;
 padding:3em;
 }

作者:Bychentufeiyang

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *