请选择 进入手机版 | 继续访问电脑版
查看: 183|回复: 0

JavaScript-onclick小案例

[复制链接]
  • TA的每日心情
    开心
    2018-8-2 13:00
  • 签到天数: 1 天

    [LV.1]初来乍到

    10

    主题

    13

    帖子

    103

    积分

    版主

    Rank: 7Rank: 7Rank: 7

    积分
    103
    发表于 2018-8-9 11:11:27 | 显示全部楼层 |阅读模式
    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Title</title>

    6.     <style>
    7.         div {
    8.      width: 100px;
    9.      height: 100px;
    10.                 background-color: lightpink;
    11.                 cursor: pointer;
    12.         }

    13.         .aaa {
    14.                 background-color: deeppink;
    15.         }
    16.     </style>

    17. </head>
    18. <body>

    19. <div id="box"></div>

    20. <script>
    21.         var div = document.getElementById("box");
    22.         div.onclick = function () {
    23.             div.className = "aaa";
    24.             // div.style.backgroundColor = "deeppink";
    25.     }


    26. </script>
    27. </body>
    28. </html>
    复制代码



    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关注微信,有惊喜
    关注我们,每天有惊喜,每日有活动,每日有礼品赠送,扫描左边二维码,即可关注,你还在等什么?
    快速回复 返回顶部 返回列表