1. <!DOCTYPE html>
    2. <html>
    4.     <head>
    5.         <meta charset="UTF-8">
    6.         <title></title>
    7.     </head>
    9.     <body>
    10.         <button>按钮1</button>
    11.         <button>按钮2</button>
    12.         <button>按钮3</button>
    13.         <button>按钮4</button>
    14.         <button>按钮5</button>
    16.         <script>
    17.             //获取所有元素
    18.             var btns = document.querySelectorAll("button");
    19.             //利用循环，给每一个按钮都添加了一个事件
    20.             for(var i = 0; i < btns.length; i++) {
    22.                 btns[i].onclick = function() {
    24.                     //先把利用循环所有按钮的背景颜色去掉(杀光所有人)
    25.                     for(var i = 0; i < btns.length; i++) {
    26.                         btns[i].style.backgroundColor = "";
    27.                     }
    28.                     //然后才让当前元素的背景颜色改为pink(留下我自己)
    29.                     this.style.backgroundColor = "pink";
    30.                 }
    31.             }
    32.         </script>
    33.     </body>
    35. </html>