首頁 > 文章 > web前端 > JavaScript關於變色的實例分享

JavaScript關於變色的實例分享

黄舟原創: 2017-08-09 11:00:311802瀏覽

現在我們利用javascript的只是來做一個變色的小例子，具體步驟如下所示。

1.第一步：

先建立一個HTML檔：

JavaScript關於變色的實例分享

2.第二步：

書寫script程式碼：

<body>
  <div id="a1" onclick ="color();"></div>
    
</body>
<script>
    function color() {
        var div = document.getElementById("a1");
        div.id = "a2";
    }
</script>

JavaScript關於變色的實例分享

#3.第三個步驟：

##樣式：

<style>
    div
    {
        width:660px;
        height:660px;
    }
    #a1
    {
        background :green;
    }
    #a2
    {
        background :red;
        
    }
 
 </style>

JavaScript關於變色的實例分享

4.第四步:

#運行結果：

JavaScript關於變色的實例分享

##5.第五步：

點選變色：

JavaScript關於變色的實例分享 #小夥伴們，現在可以自己動手試試了~

以上是JavaScript關於變色的實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：JavaScript使用誤區的具體分析下一篇：JavaScript使用誤區的具體分析

看更多