事件后面一般对应的就是一个函数

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>Document</title>
    8.     <style>
    9.         #app{
    10.             width: 100px;
    11.             height:100px;
    12.             border: 1px solid  black;
    13.         }
    15.     </style>
    16. </head>
    17. <body>
    18.     <div id="app">
    20.     </div>
    21.     <script>
    22.         var app = document.getElementById("app")
    23.         /* 事件后面一般对应的就是一个函数 */
    24.         app.onclick = function(){
    25.             app.style.backgroundColor = "red"
    26.         }
    27.     </script>
    28. </body>
    29. </html>

    gif.gif 点击后 背景色变为红色