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

  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 点击后 背景色变为红色