JavaScript點擊來回切換兩個div

本文轉載自查看原文 2016-09-26 17:41 6432

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

<style>
    .test1{
        width:100px;
        height: 100px;
        background-color: #5C874A;
    }
    .test2{
        width:100px;
        height: 100px;
        background-color: #66D9B1;
    }
</style>

<script type="text/javascript">
    function myFunction(){
        var div = document.getElementById('test1');
        if(div.className.indexOf('test1') >= 0){
            div.className='test2';
        }else{
            div.className='test1';
        }
    }
</script>
</head>

<body>
    <div class="test1" id="test1" alt="" onclick="myFunction()">
    </div>
</body>
</html>

這個方法解決了上一篇中無法讀取識別十六進制顏色代碼的問題。

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JavaScript點擊div來回切換兩個顏色及兩張圖片切換的方法點擊按鈕對兩個div的隱藏與顯示進行切換兩個DIV的切換 js 點擊兩張圖片來回切換 jquery點擊來回切換點擊下箭頭⤵️變上箭頭⬆️來回切換的兩種方法 WPF兩個按鈕來回切換樣式點擊按鈕切換div內容 [原創] 從列表頁面“切換”到詳細頁面---兩個神奇的div 關於點擊一個按鈕后，圖片可以實現來回切換的簡單小功能